html标签中关于表单的一些理解

label的重要作用

label用于联系表单控件和其对应文字内容。

例如:

 <input type="text" placeholder="邮箱/手机号" id="box"><label for="box">您的账号是错误的</label>

 <input type="password" placeholder="密码" id="box1"><label for="box1">您的密码是错误的</label>

点击文本/密码框外的字体时，鼠标的聚焦点自动在文本/密码框中聚焦。

<input type="checkbox" name="ball" id="篮球" disabled="disabled"><label for="篮球">篮球</label>

<input type="checkbox" name="ball" id="足球" checked="checked"><label for="足球">足球</label>

<input type="checkbox" name="ball" id="羽毛球" disabled><label for="羽毛球">羽毛球</label>

可以实现点击篮球、足球、羽毛球时，对应的选项被选中。

 

拉菜单select中value的作用

 

在每个option中添加value属性，value的值是直接发送给服务器的，在前端页面是不显示的。

<select name="city" id="">

            <option value="北京">北京</option>

            <option value="上海">上海</option>

            <option value="天津">天津</option>

</selec>

点击发送后，服务器接收到的是value中的内容

单选radio中必须写name的作用

如果有多组radio，name可以用来区分radio的类别

 <input type="radio" name="sex" id="男" disabled="disabled"><label for="男">男</label>

 <input type="radio" name="ball" id="ball" checked="checked"><label for="ball">足球</label>

这里的单选是两组，sex和ball。

 

fieldset(表单字段集)和legend((字段集标题)经常是共用的

fieldset自带边框的

<fieldset>

            <legend>表单字段级和字段及标题要共用</legend>

</fieldset>