H5學習之旅-H5的表單（11）
- 黄舟原創
- 2017-02-17 14:37:141846瀏覽
H5的表單元素
form：表單
input：輸入域，type屬性可以設定text，password，button等不同的屬性
textarea：文字網域名稱：控制
網域legend:網域的標題select：選擇清單optgroup：選項群組option：下拉清單中的選項button：按鈕！ ！ ！ ！ ！ ！ ！ ！ ！ ！程式碼實例<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>H5表格</title></head><body><form>
用户名： <br/>
<input type="text">
密码： <input type="password">
你有喜欢的水果没？ <br/>
苹果<input type="checkbox">
西红柿<input type="checkbox">
香蕉<input type="checkbox">
<br/>
请选择您的性别？ <br/>
男<input type="radio" name="sex">
女<input type="radio" name="sex">
<br/>
请选择您经常去的网站？ <br/>
<select>
<option>www.baidu.com</option>
<option>www.google.com</option>
<option>www.youku.com</option>
</select>
<br/>
<input type="button" value="按钮">
<input type="submit"></form>
<textarea cols="30" rows="30">请在此填写个人信息</textarea></body></html>
！ ！ ！ ！ ！效果圖
H5的表單元素
標籤
fieldset：定義網域
legend:網域的標題
select：選擇清單
optgroup：選項群組
option：下拉清單中的選項
button：
option：下拉清單中的選項button：option：下拉清單中的選項
button：
option：下拉清單中的選項button：option：下拉清單中的選項
button：option：下拉清單中的選項
button: ！ ！ ！ ！ ！ ！ ！ ！ ！程式碼實例
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>H5表格</title></head><body><form>
用户名： <br/>
<input type="text">
密码： <input type="password">
你有喜欢的水果没？ <br/>
苹果<input type="checkbox">
西红柿<input type="checkbox">
香蕉<input type="checkbox">
<br/>
请选择您的性别？ <br/>
男<input type="radio" name="sex">
女<input type="radio" name="sex">
<br/>
请选择您经常去的网站？ <br/>
<select>
<option>www.baidu.com</option>
<option>www.google.com</option>
<option>www.youku.com</option>
</select>
<br/>
<input type="button" value="按钮">
<input type="submit"></form>
<textarea cols="30" rows="30">请在此填写个人信息</textarea></body></html>！ ！ ！ ！ ！效果圖陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：H5學習之旅-H5的佈局（10）下一篇：H5學習之旅-H5的佈局（10）