HTML學習感想(3)【單行文本輸入框和提交重置按鈕】


單行文本輸入框

當type="text"時,表示該輸入項的輸入信息是字符串。此時瀏覽器會在相應的位置顯示一個文本框供用戶輸入信息。

基本語法:<form>
                         <input name="text" type="text" maxlength=" " size=" " value=" ">
                     </form>
語法說明:text文本框是一個只能輸入一行文字的輸入框。<input>標記除了有兩個必選的屬性name和type外,還有3個可選的屬性:maxlength,size和value。
(1). maxlength:設置單行輸入框可以輸入的最大字符數,例如限制郵政編碼爲6個數字,密碼最多爲10個字符等。
(2).size:設置單行輸入框可顯示的最大字符數,這個值總是小於等於maxlength屬性的值,當輸入的字符數超過文本框的長度時,用戶可以通過移動光標來查看超出的內容。
(3).value:文本框的值,可以通過設置value屬性的值來指定當表單首次被載入時顯示在輸入框中的值。
(4).如果需要創建一個隨着表單提交一同傳遞的元素,希望用戶看到,卻又不允許編輯,可以添加"readonly"屬性。

              提交按鈕和重置按鈕                       

當type="submit"時,顯示一個提交按鈕。當type="reset"時,顯示一個重置按鈕。一般情況下,提交與重置按鈕是同時出現的。
基本語法:<form><input name="submit" type="submit" value="提交"></form>
                    <form><input name="submit" type="reset" value="重置"></form>
語法說明:
(1).提交按鈕的name屬性是可以默認的。除name屬性外,它還有一個可選的屬性value,用於指定顯示在提交按鈕上的文字,value屬性的默認值是“提交”。在一個表單中必須有提交按鈕,否則將無法向服務器傳送信息。
(2).重置按鈕的name屬性也是可以默認的。value屬性與submit類似,用於指定顯示在重置按鈕上的文字,value的默認值爲“重置”。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章