标签：

input中有很多属性type="text"暗示文本框；
name是连接前端后真个桥梁
value属性，，包罗的默认字符串
size宽度
maxlength接受的最多字符数
placeholder占位符
required必填属性
好比写账号和暗码框时可以这么写：

账号: <input type="text" value="" size="30" maxlength="6" placeholder="手机\邮箱\用户名" required="required" /><br>

password为***一般用于暗码

暗码: <input type="password" src="" size="30" maxlength="6" /><br>

提交按钮

<input type="submit" value="登录" /> <input type="reset" value="重置" />

单选框
label的两种用法，点击文字可以勾选
checked为默认选择项

性别：<label><input type="radio" checked="checked">男</label> <input type="radio"><label for="woman">女</label>

复选框

兴趣喜好： <label><input type="checkbox" value="">念书</label> <label><input type="checkbox" value="">游泳</label> <label><input type="checkbox" value="">篮球</label>

列表框
这里用selected为默认
size在这里不是列表宽度
multiple多选

居住地：<select size="2" multiple="multiple"> <option value="NJ">南京</option> <option value="SH" selected="selected">上海</option> <option value="GZ">广州</option> </select>

多行文本域没有value
rows列数cols行数

简介：<textarea rows="3" cols="10" placeholder="请输入您的简介"></textarea>

文件域

照片：<input type="file" value="" />

表单邮箱

邮箱：<input type="email" value="" />

网址 url

小我私家主页： <input type="url" value="" />

数字，step代表步长

请输入数字： <input type="number" value="" min="1" max="100" step="3" />

滑块

<input type="range"/>

搜索

搜索：<input type="search" value=""/>

普通按钮

<input type="button" value="按钮" /> <button type="button">按钮</button>

提交按钮其他暗示方法

<input type="submit" value="提交按钮" /> <button type="submit">提交按钮</button> <input type="image" src=" ../***.png" />

HTML各类表单元素模板及写法