標(biāo)簽的control屬性:
可以在標(biāo)簽(label)內(nèi)部放置一個表單元素灵莲,并且通過該標(biāo)簽的control屬性來訪問表單該元素
文本框placeholder屬性:
是指文本框處于未輸入狀態(tài)時顯示輸入提示,當(dāng)文本框處于未輸入狀態(tài)且未獲取光標(biāo)焦點時就模糊顯示輸入提示文字。
標(biāo)簽的control屬性和文本框placeholder屬性的使用方法如下:
<!DOCTYPE html>
<head>
<title>標(biāo)簽的control屬性和文本框placeholder屬性的使用示例</title>
<meta charset="UTF-8">
</head>
<script type="text/javascript">
function setValue(){
var label=document.getElementById("label");
var textbox=label.control;
textbox.value="213001";
}
</script>
<form>
<label id="label">
郵編:
<input id="txt_zip" maxlength="6" placeholder="郵編號碼">
<small>請輸入六位數(shù)字</small>
</label>
<input type="button" value="設(shè)置默認(rèn)值" onclick="setValue()"/>
</form>
<!-- 可以在標(biāo)簽(label)內(nèi)部放置一個表單元素遵湖,并且通過該標(biāo)簽的control屬性來訪問表單該元素 -->
<!-- 這里就是找到label元素通過control來訪問label中的input來設(shè)置默認(rèn)值 -->
運行如圖:
Paste_Image.png
當(dāng)點擊文本框并輸入數(shù)字時如下圖:
Paste_Image.png
當(dāng)點擊按鈕文本框就會現(xiàn):213001