1.1 form标签一般和input标签连用。
属性:
action(表单点了提交后跳转到的路径)。
路径(跳转页面 引入图片 引入css文件 引入gs文件)
绝对路径:从盘符(C盘,D盘,E盘等)开始,找到需要的文件的路径(路径+文件的名称)
相对路径:当前源文件和目标文件的相对文字。
method:用来明确表单提交的方式。(get和post两种方式)
get请求会把用户信息暴露在地址栏上
post不会把用户信息暴露在地址栏上
post和get都没写的时候默认get
name:表单的名称。
1.2 表单元素
表单元素(文本框,密码框,下拉列表等等),一般由input,textarea,select标签构成,需要放到form标签内使用。
1.2.1 input
语法格式
<input type="元素类型" name="元素名称" value="元素的值">
type的取值:
text---文本框(value表示文本框默认的值)
password---密码框
radio---单选按钮(name属性相同的前提下使用checked表示默认选择)
checkbox---多选按钮
submit---提交按钮(跳转至action的路径)
reset---复位按钮(返回至默认状态)
button---普通按钮
image---图像按钮(引入图像通过str="路径")
flie---文本域(上传文件的按钮)
hidden---隐藏域
email---邮箱(提交时可以报错)
color---颜色域
date---日期
time---时间
datetime-local---日期+时间
range---进度条
input的属性
checked---默认选择
readonly---只读字段只能读不能修改
disabled---表示禁用不能点击
autofocus---默认光标的位置
required---不能为空白提交
1.3.1 select标签
写下拉列表框---和option标签连用
selected属性---默认被选中的选项
multiple属性---以列表的形式展示
1.3.2 textarea标签
用来实现文本域
cols=""---列数,表示文本域的高度
rows=""---行数,表示文本域的宽度
下面图片为完整表单的完成代码及输出结果的模板