標(biāo)簽的control屬性和文本框placeholder屬性的使用示例

標(biāo)簽的control屬性:
可以在標(biāo)簽(label)內(nèi)部放置一個(gè)表單元素,并且通過該標(biāo)簽的control屬性來訪問表單該元素

文本框placeholder屬性:
是指文本框處于未輸入狀態(tài)時(shí)顯示輸入提示,當(dāng)文本框處于未輸入狀態(tài)且未獲取光標(biāo)焦點(diǎn)時(shí)就模糊顯示輸入提示文字。

標(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="郵編號(hào)碼">
    <small>請(qǐng)輸入六位數(shù)字</small>
</label>
<input type="button" value="設(shè)置默認(rèn)值"  onclick="setValue()"/>
</form>
<!-- 可以在標(biāo)簽(label)內(nèi)部放置一個(gè)表單元素,并且通過該標(biāo)簽的control屬性來訪問表單該元素 -->

<!-- 這里就是找到label元素通過control來訪問label中的input來設(shè)置默認(rèn)值 -->

運(yùn)行如圖:

Paste_Image.png

當(dāng)點(diǎn)擊文本框并輸入數(shù)字時(shí)如下圖:

Paste_Image.png

當(dāng)點(diǎn)擊按鈕文本框就會(huì)現(xiàn):213001

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容