Web前端 ---HTML语言表单

Web前端 —HTML语言表单

表单

标签：表单

网页表单中有许多可以输入或选择的组件，用户可以在表单中填写信息，最终提交表单，可以客户端数据提交至服务器。action是递交的服务器地址 method是提交方法，有post和get。这里采用post方式内容

表单的文本部分
需要用到的标签：

内容 ，该标签作用是点击内容时跳转至name值对应的文本框。

其中type是类型，一般有text（单行文本框），id是该标签的id， name和value是给服务器端递交的信息，name是可重复的，value是值 。size是文本框的尺寸。<readonly=“readonly”>是让文本框只读。<placeholder=“请输入”>是在无输入时的提示信息。<disable=“disable”>是禁用文本框，内容变为灰色不可用。

input基本语法
1.密码框当type是password时，单行文本框输入将以黑色圆点形式显示。value是初始密码，size是密码区的宽度。

2.单选框当type是radio时，是单选选项。value是初始值，name须相同。<checked=“checked”>是默认选项。单选时必须填写value值。

例如：

男：

3.多选框当type为checkbox时是创建一个复选框，value是默认值，name须相同。name相同时为一组，才能构成多选。

		<form>
			游戏<input type="checkbox" value="游戏" name="hobit" id="game" />
			编程<input type="checkbox" value="编程" name="hobit" id="program" />
			学习<input type="checkbox" value="学习" name="hobit" id="study" />
		</form>

1
2
3
4
5
4.文件选择框<input type=“file” name=“img”/ accept=".文件后缀名,.文件后缀名…">当type为file时，创建一个文件选择框。name是文件选择框的名。

5.下拉框

创造一个下拉框。

请选择 1 2 3 4 5 6.多行文本域

创造一个多行文本域。cols是列长度，rows是行长度。

7.`当type为reset时，创建一个重置按钮。重置表单内容为默认值。

8.当type为submit时，创建一个提交按钮。value是按钮上的显示内容

9.当type为button时，创建一个普通按钮，只能被点击触发事件用。

内联框架
内联框架

在你的页面中内嵌一个网页。src为初始显示页面的地址，name为你内嵌窗口的名称。若要用内嵌窗口打开超链接可用：<a href="网页地址"target=“内联框架name值”>