【每日笔记·5】表单中被忽略的地方<fieldset>元素是一种方便的用于创建具有相同目的的小部件组的方式，出于样式和语

1.<fieldset> 元素

<fieldset>元素是一种方便的用于创建具有相同目的的小部件组的方式，出于样式和语义目的。你可以在<fieldset>开口标签后加上一个 <legend>元素来给<fieldset> 标上标签。 <legend>的文本内容正式地描述了<fieldset>里所含有部件的用途。

一般来说，<fieldset>元素也可以用来对表单进行分段。除了<fieldset>元素之外，使用HTML标题（例如，<h1>、<h2>）和分段（如<section>）来构造一个复杂的表单也是一种常见的做法。

<form>
  <fieldset>
    <legend>Fruit juice size</legend>
    <p>
      <input type="radio" name="size" id="size_1" value="small">
      <label for="size_1">Small</label>
    </p>
    <p>
      <input type="radio" name="size" id="size_2" value="medium">
      <label for="size_2">Medium</label>
    </p>
    <p>
      <input type="radio" name="size" id="size_3" value="large">
      <label for="size_3">Large</label>
    </p>
  </fieldset>
</form>

2.表单属性

<input 
  readonly // 用户不能修改输入值
  disabled // 输入值永远不会与表单数据的其余部分一起发送
  type="hidden" // 添加一个不可见的元素
/>

3.表单类型

1.input

textarea和常规的单行文本字段之间的主要区别是，允许用户输入包含硬换行符(即按回车)的文本。单行文本输入带有换行符的文本，浏览器会在发送数据之前删除这些换行符。

2.select

如果一个<option>元素设置了value属性，那么当提交表单时该属性的值就会被发送。如果忽略了value属性，则使用<option>元素的内容作为选择框的值。