HTML表单

今天主要学习的内容是网页中表单的相关知识

1.表单的属性(表单的开始结束标签是<form></form>)

·属性action(动作指向) 例如<form action="xxx.php">表示表单提交给xxx.php进行处理。

·属性method(表单提交方法),有两种get 和post.其中get方法会将表单提交的内容直接显示在地址栏,并且有内容大小限制;post方法不会将表单的内容显示在地址栏,用户看不到表单数据的传递,并且内容大小无限制。

·属性target(目标跳转至),有_self(在本页面打开),_blank(在新建页面打开)并且一直新建页面打开,_new(仅在一个新建页面打开)。

2.表单的文本

·通过<input type=“”>输入标签中type属来定义,有text(文本域),password(密码输入文本,会以小圆点的形式隐藏输入内容),hidden(隐藏)会隐藏此标签内的内容 ,size(尺寸)来控制文本域的显示长度,

·<textarea></textarea>标签文本框来输入文本内容,可以用width(宽度),cols(行数),rows(列数)来限制文本框的大小。

·name属性来定义标签的名字(在单选框中可以用来作同类选择辨识),可以与其他标签的具有相同的name

·value(值)属性来定义标签的值(或者默认显示值)

·id属性来定义标签被辨识和被引用的标识,每个标签的id都是唯一的,不能重名。

·maxlength属性用来限制文本域的输入字符长度。

3.表单的按钮

·通过<input type="">输入标签type属性来定义,有

·button(普通按钮,无实际效果)

·submit(提交按钮)会将表单里相应内容提交给action

·reset(重置按钮)会将表单里的相应内容清空

·image(图片按钮)一般会插入图片,点击图片的效果相同与submit按钮,提交表达内容。

4.表单的选择按钮

·单选框(多选一)通过<input type="radio">来定义,其中name属性表示与其他相同name的标签进行选择,value属性表示显示出的内容

·复选框(可以多选)通过<input type="checkbox">来定义,value属性表示显示出的选择内容

·<laber for="id">标签表示模糊点击,即点击相应显示内容也等同与点击相应的选择按钮

5.表单中的下拉菜单

·下拉菜单的开始结束标签<select></select>

·下拉菜单的内容用<option></option>来定义

6.其他属性

·readonly属性 表示标签只读,不能被修改编辑

·disable属性,作用等同于readonly,标签无法被编辑和修改

·hidden属性,表示标签被隐藏,在前端页面无法显示

·checked属性 表示默认选中

·select属性,表示下拉菜单的默认显示值

 

原文地址:https://www.cnblogs.com/du892294464/p/6534522.html