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)