2021-10-26

form表单标签总结

定义：平时网页看见的用户注册页面，用于收集用户信息

input标签

语法结构：<input type="  ">

type常用属性

text	文本框
password	密码框
email	邮箱

例：

用户名称：<input type="text">

用户密码：<input type="password">

注：1.value用于给按钮命名，命名后的按钮具有改名字的作用

2.单选按钮原本可以多选，在每个单选按钮加name="gender"后变真正单选

例：

button	按钮
submit	提交按钮
radio	单选按钮
checkbox	多选按钮
reset	重置按钮
image	图片上传按钮
file	上传文件/文件域
hidden	隐藏域（不会向用户展示）

1.<input type="button" value="上传“>具有上传作用

2.选择性别：<input type="radio" name="gender">男

                  <input type="radio" name="gender">女

  选择爱好：<input type="checkbox">唱歌

                    <input type="checkbox">跳舞

                    <input type="checkbox">rap

                    <input type="checkbox">打篮球

type常用属性拓展

color	颜色
date	日期
date-local	日期+时间
time	时间
染个	静态进度条

例：

红色：< font color="red">   </font>

日期：<input type="date">

type常用属性（可不写取值）

readonly	只能读不能写
autofocus	自动默认光标位置
required	提示必填空
disabled	规定input标签禁用，不可点击
checked	默认选项

select标签：

下拉列表框------option   multiple------以列表形式显示     selected的-----默认选项

选择城市:

<select>

           <option>西安</option>

           <option>重庆</option>

           <option>北京</option>

           <option>江苏</option>

           <option>上海</option>

</select>

以列表形式呈现<select mutiple="mutiple">

剩余如上

textarea标签

textarea标签属性

cols	文本域的宽度
rows	文本域的高度

<p>

<textarea cols="50" rows="5">这个家伙很懒，什么都没有留下........</textarea>

</p>

小白能力有限，还请多多关照. . . . . .