猫史档案馆

<input> 元素

最重要的表单元素是 <input> 元素。

<input> 元素根据不同的 type 属性，可以变化为多种形态。

tips：下一期讲解 H喵L 输入类型~

 

<select> 元素

<select> 元素定义下拉列表：

<select name="supercars">
  <option value="ferrari">法拉利</option>
  <option value="lamborghini">兰博基尼</option>
  <option value="aston martin">阿斯顿马丁</option>
  ···
</select>

<option> 元素定义待选择的选项。

列表通常会把首个选项显示为被选选项。

您能够通过添加 selected 属性来定义预定义选项，就像上面的代码，第一个选项是兰博，但是我在法拉利里加了 selected，所以法拉利就成了默认选项。

 

<textarea> 元素

<textarea> 元素定义多行输入字段（文本域）：

<textarea name="message" rows="10" cols="30">这里面是一大段的废话，这里面是一大段的废话，这里面是一大段的废话，这里面是一大段的废话，这里面是一大段的废话。 </textarea>

虽然设定了大小，但是文本域还是可以拖动改变的哦。

 

<button> 元素

<button> 元素定义可点击的按钮：

<button type="button" onclick="alert('Y君喵!Y君加油!')">点我!</button>

onclick="alert('Y君喵!Y君加油!')"是指，当按钮被点击，网页弹出“Y君喵!Y君加油!”，这里在字符串两端有单引号，需要注意。