表單form 作用:用於獲取用戶輸入的信息,並且將信息提交到伺服器 學習表單就是學習表單中有哪些控制項.比如:文本域(textarea)、下拉列表、單選框(radio-buttons)、覆選框(vheckboxes)等等。 表單通常使用表單標簽<from>來設置: <form> <input /> < ...
表單form
- 作用:用於獲取用戶輸入的信息,並且將信息提交到伺服器
- 學習表單就是學習表單中有哪些控制項.比如:文本域(textarea)、下拉列表、單選框(radio-buttons)、覆選框(vheckboxes)等等。
- 表單通常使用表單標簽<from>來設置:
<form> <input /> </form>
-
文本框：通過<input type="text"> 標簽來設定，當用戶要在表單中鍵入字母、數字等內容時，就會用到文本域。
<input type="text" name="username" value="xxx" maxLength="5" readonly="readonly" placeholder="xxxx"<!-- 文本框 value:預設值 placeholder:占位文本 maxlength:最大字元長度 readonly:只讀,固定不變-->
-
密碼框：過標簽<input type="password"> 來定義:
<input type="password" name="pwd" value="xxx" maxLength="5" readonly="readonly" placeholder="xxxx" >
<!-- 文本框和密碼框的屬性通用 --> -
單選框：<input type="radio"> 標簽定義了表單單選框選項
<input id="xxx" type="radio" name="xxx" value="xx" checked="checked"> <label for="xxx">xxxx</label><!-- 單選框：必須寫value,如果不寫提交過去的內容都是on,label中的for與單選框的id一致,可以點label里的文本選擇對應的單選框
checked="checked":預設選中-->
-
覆選框：<input type="checkbox"> 定義了覆選框. 用戶需要從若幹給定的選擇中選取一個或若幹選項。
<input id="xxx" type="checkbox" name="xxx" value="xx" checked="checked">
<!-- 覆選和單選屬性通用 --> -
日期：
<input type="date" name="xxx"> -
文件
<input type="file" name="xxxx"> -
文本域
<textarea name="xxx" cols="20" rows="5" placeholder="xxxx"></textarea> -
下拉選 city=bj
<select name="city"> <option value="bj">北京</option> <option value="sh" selected="selected">上海</option> <option value="sz">深圳</option> </select>
<!-- 下拉選 selected="selected":預設選中-->
