HTML5-從0開始學習之表單屬性詳解
阿新 • • 發佈:2018-12-17
什麼是表單?
表單是網頁中資料採集的工具。
表單組成部分由三部分組成:
(一)表單標籤<form>
(二)表單域<input>
(三)表單按鈕<button>
現在我們來逐步解釋這三部分。
(一)表單標籤<form>
<body>
<form action="" method="POST" name="">
姓名:<input type="text">
</form>
</body>
效果如上所示,
<form> 標籤用於為使用者輸入建立 HTML 表單。
表單能夠包含 input 元素,比如文字欄位、複選框、單選框、提交按鈕等等。
下面是form標籤的屬性,不再一一論述:
(二)表單域<input>
我們先來介紹input標籤常用的屬性:
<type>:元素的型別,如text文字框,radio單選按鈕,select下拉框等;
<name>:元素的名稱,主要用於與伺服器端資料傳送;
<value>:元素的預設值;
<size>:以字元計算的元素可見寬度,不是畫素或百分比;
<maxlength>:元素允許的最大字元長度;
<disabled>禁用該控制元件,這個時候既不能選擇,也不能點選;
<readonly>:該控制元件欄位內容只讀,不能修改。
姓名:<input type="text" name="abc" value="ABJun">
(三)表單按鈕<button>
<button type="button">click it!</button>
<button> 標籤定義一個按鈕。
下面是button標籤的屬性: