常见表单标签多选按钮单选按钮下拉框文本域

最新推荐文章于 2024-05-03 11:17:45 发布

原创最新推荐文章于 2024-05-03 11:17:45 发布 · 961 阅读

0 ·

CC 4.0 BY-SA版权

面试专栏收录该内容

54 篇文章

订阅专栏

本文通过具体实例介绍了HTML中常用的表单元素，包括多选按钮、单选按钮、下拉框、文本域及表格等，并展示了如何设置默认选项。

多选按钮
<input type="checkbox" name="vehicle" value="Car" checked="checked" /> I have a car
单选按钮
<input id="man" type="radio" checked="checked" name="1" />男<input id="woman" type="radio"  name="1"/>女
下拉框
<select>
  <option value ="volvo">Volvo</option>
  <option value ="saab" selected>Saab</option>//预选中
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
文本域
<textarea name="liuyan" rows="5" cols="40"> </textarea>
提交按钮
<button type="submit">Click Me!</button>
<button type="button">Click Me!</button>
table标签
<tr></tr> 
<td></td>