javaee论坛

普通会员

225649

帖子

57

回复

71

积分

楼主
发表于 2019-11-18 08:54:09 | 查看: 39 | 回复: 0

一、什么是表单:所谓表单就是页面中用于采集用户信息的页面元素,包含两个部分:表单域、表单元素

1.表单域:所谓表单域就用用来盛装表单元素的容器,标签为<form></form>常见属性有

​1)action:设置表单信息提交地址

​2)method:设置表单信息提交方式,get、post

​get:默认,以地址栏内容的形式提交数据,不安全、数据量小

​post:以页面主体内容的形式提交

​3)target:设置目标文件的打开方式,属性值为_self或_blank

​4)name:设置表单的名称

2.常见的表单元素

​1)文本框:<inputtype=”text”>,常用属性

​placeholder:设置文本框中的提示文字

​name:设置表单元素名称

​value:要向服务器提交的值,且value也具有提示文字的作用

​2)密码框:<inputtype=”password”>,常用属性

​name:设置表单元素名称

​value:要向服务器提交的值

​3)单选框:<inputtype=”radio”>,常用属性为

​name:设置表单元素名称,注意name的值必须相同

​value:设置要向服务器提交的值

​checked:设置默认选项,属性值和属性名相同

​4)多选框:<inputtype=”checkbox”>,常用属性为

​name:设置表单元素名称,注意name的值必须相同

​value:设置要向服务器提交的值

​checked:设置默认选项,属性值和属性名相同

​5)文件域:<inputtype=”file”>,常用属性

​name:设置表单元素名称

​6)隐藏域:<inputtype=”hidden”>,常用属性

​name:设置表单元素名称

​value:设置要向服务器提交的值

​7)提交按钮:<inputtype=”submit”>,常用属性为value,作用是设置按钮上的提示文字

​8)重置按钮:<inputtype=”reset”>,常用属性为value,作用是设置按钮上的提示文字

​9)普通按钮:<inputtype=”button”>,常用属性为value,作用是设置按钮上的提示文字

​10)<button></button>标签,常用属性为type,属性值为submit(默认),reset、button

​11)图像域:<inputtype=”image”>,常用属性src,作用是设置图片所在路径

​12)下拉菜单:

<select><option>选项1</option>….</select>

​常用属性为

​name:设置表单元素名称

​value:要向服务器提交的值

​selected:默认选项,属性名和属性值相同

​13)文本域:也称为多行文本框<textarea></textarea>,常用属性有

​name:设置表单元素名称

​cols:设置列宽

​rows:设置行数

​14)表单字段集

<fieldset></fieldset>

​15)表单字段集名称:<legend></legend>

<!--表单字段集--><fieldset><!--表单字段集名称--><legend>个人简介</legend>用户名:<inputtype="text"placehoder="请输入用户名"name="user"><br>密码:<inputtype="password"name="psd"><br>性别:<inputtype="radio"name="gender"value="male"checked="checked">男<inputtype="radio"name="gender"value="female">女<br></fieldset>

二、表格和表单的结合应用

​表格常用代码:table>tr*6>td*6+tab键


您需要登录后才可以回帖 登录 | 立即注册

触屏版| 电脑版

技术支持 历史网 V2.0 © 2016-2017