前端优
我用我的双手去成就我的梦想,我将遵循此道直至终结!
首页 > html+css >正文

form表单域和表单元素

发布时间:2024-07-25 10:56 作者:一友画

表单域

<form></form>

文本框

<input type="text" name="user" />

口令框(密码框)

<input type="password" name="pwd" />

单选框

<input type="radio" name="sex" checked="checked" value="0" />男
<input type="radio" name="sex" value="1" />女

文件上传

<input type="file" name="files" />

复选框(多选框)

<input type="checkbox" name="hobby" value="1" />足球
<input type="checkbox" name="hobby" value="2" />篮球
<input type="checkbox" name="hobby" value="3" checked="checked" />台球
<input type="checkbox" name="hobby" value="4" />网球

下拉框

<select name="drinks">
    <option>可乐</option>
    <option>雪碧</option>
    <option selected="selected">奶茶</option>
</select>

分组下拉框

<select>
  <optgroup label="广东省">
    <option>广州市</option>
    <option>深圳市</option>
    <option>佛山市</option>
  </optgroup>
  <optgroup label="广西省">
    <option>南宁市</option>
    <option>桂林市</option>
    <option>柳州市</option>
  </optgroup>
</select>

文本域

<textarea name="message">你好,世界</textarea>

提交按钮

<input type="submit" value="提交" />

重置按钮

<input type="reset" value="重置" />

双标签按钮

<button>普通按钮</button>

以上内容,在整理时难免有疏漏错误之处,如有发现,可以通过顶部的“联系站长”提出反馈,感谢您的支持!