H5的表單元素
input:輸入域,type屬性可以設(shè)定text,password,button等不同的屬性
textarea:文字網(wǎng)域名稱:控制
網(wǎng)域
legend:網(wǎng)域的標(biāo)題
select:選擇清單
optgroup:選項(xiàng)群組
option:下拉清單中的選項(xiàng)
button:按鈕
! ! ! ! ! ! ! ! ! !程式碼實(shí)例
<!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/>
請選擇您經(jīng)常去的網(wǎng)站? <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">請?jiān)诖颂顚憘€人信息</textarea></body></html>
! ! ! ! !效果圖
H5的表單元素
form:表單
input:輸入域,type屬性可以設(shè)定text,password,button等不同的屬性
標(biāo)籤
fieldset:定義網(wǎng)域
legend:網(wǎng)域的標(biāo)題
select:選擇清單
optgroup:選項(xiàng)群組
option:下拉清單中的選項(xiàng)
option:下拉清單中的選項(xiàng)
button:
option:下拉清單中的選項(xiàng)
option:下拉清單中的選項(xiàng)
button:
option:下拉清單中的選項(xiàng)
button:
option:下拉清單中的選項(xiàng)
button: ! ! ! ! ! ! ! ! !程式碼實(shí)例
<!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/>
請選擇您經(jīng)常去的網(wǎng)站? <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">請?jiān)诖颂顚憘€人信息</textarea></body></html>
! ! ! ! !效果圖
?????以上就是H5學(xué)習(xí)之旅-H5的表單(11)的內(nèi)容,更多相關(guān)內(nèi)容請關(guān)注PHP中文網(wǎng)(m.miracleart.cn)! ??????????