html之表單標簽

2024-04-27 15:16:47

字體：大中小

來源：轉載

供稿：網友

一，表單標簽，text、passWord、radio、checkbox、name、checked等屬性

這里寫圖片描述

<form>  賬號: <input type="text"><br>  密碼: <input type="password"><br>     性別: <input type="radio" name="gender" checked="checked"> 男 <input type="radio" name="gender"> 女 <input type="radio" name="gender"> 保密 <br>  愛好: <input type="checkbox">籃球 <input type="checkbox" checked="checked">足球 <input type="checkbox">棒球 <input type="checkbox" checked="checked">羽毛球 <input type="checkbox">其他</form>

二，表單標簽，按鈕屬性

這里寫圖片描述

三，表單標簽，label標簽

<form> <label for="account">賬號:</label> <input type="text" id="account"> <br> <label for="passwd">密碼:</label> <input type="password" id="passwd"> <br>  <label> 賬號: <input type="text"> <br> </label> <label> 密碼: <input type="password"> </label></form>

四，datalist標簽的使用

請輸入你的車型: <input type="text" list="cars"><datalist id="cars"> <option>奔馳</option> <option>寶馬</option> <option>哈弗</option> <option>路虎</option> <option>賓利</option></datalist>

五，下拉框select和多行輸入框textarea

<select> <optgroup label="北京"> <option>朝陽區</option> <option>昌平區</option> <option>通州區</option> </optgroup> <optgroup label="廣州"> <option>天河區</option> <option>黃浦區</option> </optgroup></select><hr><textarea cols="3" rows="5"></textarea>

上一篇：HTML概括

下一篇：Electron programming on Windows 7: (1)