表单和表单项

创建表单:
这是一个空白的表单,还需要往里边添加不同的表单项

acting必须有值 1 2 表单项 使用input来创建一个注册文本框,它有一个type类型是text 需要设置一个name来接收用户输入的信息 value:可以为文本框设置一个默认值 placeholder:可以为文本框设置一个提示信息 1 2 3 4 使用input来创建一个密码文本框,它有一个type类型是password type设置为password可以实现加密的效果 1 2 使用**type=“radio”**来设置一个单选按钮,比如:

性别男

1
2
使用type="checkbox"来设置一个多选按钮,比如:

兴趣打游戏
听音乐
睡觉
想上天
1
2
3
4
可以通过select来创建一个下拉列表

在下拉列表中使用option标签来创建一个一个列表项
下拉列表的name属性需要指定给select,而value属性需要指定给option
当为select添加一个multiple=“multiple”,则下拉列表变为一个多选的下拉列表
在select中可以使用optgroup来进行分组,通过label属性来指定分组的名字
你喜欢的明星:


林俊杰
薛之谦

		<optgroup label="民谣">	
			<option value="mby">毛不易</option>
			<option value="by">半阳</option>
			<option value="zl">赵雷</option>
		</optgroup>

1
2
3
4
5
6
7
8
9
10
11
12
用textarea来创建一个文本域

自我介绍
1
提交按钮可以把表单中的信息交给服务器,用input,他的属性是submit ,可以通过value来指定按钮上的文字

设置一个注册的按钮

重置按钮可以把表单中的所有内容恢复为默认值

1
2
3
4
5
6
使用input type=button可以用来创建一个单纯的按钮,这个按钮没有任何功能,只能被点击

1 除了使用input,也可以使用button标签来创建按钮这种方式和使用input类似,只不过由于它是成对出现的标签,使用起来更加的灵活,里边还可以添加东西,比如图片按钮

提交
重置
按钮

图片描述

1
2
3
4
5
6
在表单中可以使用fieldset来为表单项进行分组,可以将表单项中的同一组放到一个fieldset中

用户信息 在fieldset可以使用legend子标签,来指定组名 基本信息 1 2 3 4 用来选中表单中提示文字的label标签,该属性可以指定一个for属性,该属性需要指定一个表单项的id值


猜你喜欢

转载自blog.csdn.net/weixin_43993443/article/details/85557559