HTML学习 4（表单1）

(夏虫语冰)

已于 2022-08-01 14:19:07 修改

阅读量80

点赞数

分类专栏： html 文章标签： html 学习前端

于 2022-07-25 16:13:20 首次发布

本文链接：https://blog.csdn.net/a1436237789/article/details/125974317

版权

html 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

表单（<form></from>）

1.文本输入框（<input=text>）

用户名:<input type="text">
<br/>
密码:<input type="password">

2.文本区域标签（<textarea></textarea>）

  <textarea rows="3" cols="10"></textarea>

3.单选radio与多选checkbox

<form action="">
   <!--radio要求name必须一致，单选才能生效, checked为默认选中-->
   性别<input type="radio" name="genter">男
   <input type="radio" name="genter" checked>女
   <br>
   联系方式<input type="checkbox">手机   
   <input type="checkbox">邮箱
   <input type="checkbox" checked>微信
</form>

4.下拉菜单（<select><opction></option></select>）

<form action="">
  <!--selected属性为默认选中，定义在option中。multiple属性为可多选，定义在select中-->
  <select multiple>
    <option value="">1990</option>
    <option value="" selected>1991</option>
    <option value="">1992</option>
    <option value="">1993</option>
    <option value="">1994</option>
    <option value="">1995</option>
   </select>
</form>

5.文件选择(type=file)

 附件上传<input type="file">

6.获取焦点(lable)与只读(readonly)、禁用(disabled)

<form action="">
  用户名<label><input type="text"></label>
  <br>
  手机号<input type="text" value="182***7777" readonly>
  <br>
  <input type="radio" name="gender">男
  <input type="radio" name="gender">女
  <input type="radio" name="gender" disabled>保密
</form>