20220812 学习网站笔记

表单

什么是表单

页面中用来提供用户交互的主要方法

作用

一般当用户填写完信息后做提交操作,于是表单的内容就从客户端的浏览器传送到服务器上,经过服务器上处理程序处理后,再将用户所需信息传送回客户端的浏览器上,这样网页就具有了交互性。

from

<form></form>标志对用来创建一个表单。

注意

<form>元素可以在页面中任何位置使用,当其中没有任何控件时,本身并没有表现效果。

action

动作属性action,用来指定处理表单的程序的路径。

method

表单的method属性用来定义处理程序从表单中获得信息的方式,一般为get和post的其中一个。

表单控件

input

表单控件元素<input>,用来在页面中定义输入内容的部分。

划分

文本框、复选框、单选按钮等。

语法结构

<input属性=”属性值”/>

name

表单名称属性name,用来指定表单的名称,标记某个表单,方便程序的处理。

具体控件类型

text

文本域中<input>元素的type属性值为text,其主要作用是,用来提供用户输入文本的功能。

注意

文本域只能单行显示,超出定义宽度的内容,将被隐藏。

password

密码区域中<input>元素的type属性值为password,用来提供输入密码、口令等内容的区域。

submit

提交按钮中<input>元素的type属性值为submit,用来发送表单中的内容。

注意

只有单击”提交”按钮,表单中的信息才能够发送给相应的程序。

reset

复位按钮中<input>元素的type属性值为reset,其主要作用是,当用户想重新填写内容时,可以使用复位按钮,使表单恢复到初始状态。

button

单击按钮中<input>元素的type属性值为button,用来激活相应的行为,或者为脚本和程序提供相应的值。

具体控件类型(二)

checkbox

复选框中<input>元素的type属性值为checkbox,用来提供用户多项选择的功能。

radio

单选按钮中<input>元素的type属性值为radio,用来提供用户单项选择的功能。

hidden

隐藏区域中<input>元素的type属性值为hidden,使表单的内容不出现在页面之中,但是依然可以传递参数

image

图像按钮中<input>元素的type属性值为image,用来发送表单中的内容。其作用是个图像形式的提交按钮。

<input>元素的属性

readonly

用来指定<input>元素中的内容为只做。

作用

使用readonly属性后,用户将不能更改表单中的相应内容。但是表单中的内容仍然可以传递。

disabled

不可用属性disabled,用来指定<input>元素中的内容为不可用。

作用

使用disabled属性后,用户将不能更改表单中的相应内容。同时表单中的内容将不能被传递。

select

选择列表元素<select>,用来在页面中定义一个可以选择的下拉列表。

option

选择列表条目元素<option>,用来定义下拉列表中的项目。

浏览量: 0

input属性表单