表單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":默認選中-->
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/24939.html
標籤：Html/Css
上一篇：求助：倒計時宏插件
下一篇：HTML基礎教程_1