HTML入门14

时间:2023-01-27 11:22:11

  HTML表单

  这块部分开始强调表单也是用的比较多的部分,好好补漏啊啊啊啊

  表单用来做交互,处理所有方面结构到样式,到自定义小部件。

  form元素,严禁嵌套表单,表单嵌套会使得表单得行为不可预知,引入form元素将表单显示地将元素与表单绑定在一起,

  filedset(小部件)和legend元素

  fieldset创建相同的目的小部件组的方式,legend元素来给fieldset标上标签,用来描述fieldset的用途,label元素,为小部件定义标签的方式,label通过for属性与input的id属性进行关联,就正确形成联系。可以通过正确的单击标签来使得小部件获得焦点,激活小部件,对于文本输入很有用,对于单选按钮和复选按钮通过设置标签以达到单击标签能够正确选中单选框或复选框的目的;关于输入框的type属性值的设置,可以是tel,url,多行文本域指<textarea cols="30" rows="10">即指明行数和列数,

textarea还可以接受其他的属性,wrap,表示控件如何包装文本,属性值可以是hard和soft,

  选择框用select元素创建,有一个或多个option元素作为子元素,示例代码

<select id="simple" name="simple">

  <option>ads</option>

  <option>sdf</option>

<option></option>

</select>

可以使用selected属性在option元素上设置选择框的默认值,以创建视觉相关的组值。

如果option元素设置了values属性提交表单时就会被发送,如果忽略的话就会发送选择框的值。

在默认情况下只允许选择一个值,在添加multiple属性后,可以允许选择多个值,所有支持select元素的浏览器都支持multiple元素。自动补全输入框,可以使用datalist元素来为表单小部件提供建议自动完成的值,使用option元素指定要显示的值。然后使用list将数据列表绑定到一个input元素,

number属性来控制数字变化,range属性来表示滑块, month、week、拾色器color等属性设定。