HTML表单

1定义

表单是网页与用户进行交互的重要工具,例如,用户在网页上进行注册,登录,留言都是通过表单向数据库提交或读取数据的。

2常用的表单HTML标签

1表单标签
表单是一个包含表单元素的区域,由form标签对来定义。可以将文本框,单选按钮,复选框,下拉列表框,按钮和文本域等表单元素放在form标签中。
表单属性:
action属性:定义表单提交时的动作,默认为当前页面
method属性:提交表单时的方法,默认为get方法
get方法使用:数据量较小,且不包含敏感信息,因为提交的信息会在页面地址栏中显示。
post:数据量较大,且包含敏感信息,post 安全性更佳,数据在页面地址栏中被提交的的数据是不可见得。

2.输入标签
大多数表单元素都是有输入标签input定义的,用来在搜集用户信息。常用属性

<input type="表单元素类型" value="表单元素的值" name="表单元素名称" class="类名">

3.type属性不同取值意义
type=text(文本框)
文本框一般用来输入用户名,姓名,地址等文字信息,文本框中可以输入任意字符;value属性值会显示为文本框的默认文本
type=checkbox(复选框)
复选框的value值不会显示在页面上,只能作为数据进行交互。在一个页面属于同一组的checkbox,它们的name值必须相等,这样才能获取该组复选框的值
type=file(文件域)
type=hidden(隐藏域)
type=image(图像域)
type=password(密码域)
输入的字符在页面中会显示为黑点,一般用来输入类似密码等需要保密的文字信息。
type=radio(单选按钮)
type=button(普通按钮)
value值会显示为按钮上的文字
type=reset(重置按钮)
清空表单输入元素,回到初始状态。
type=submit(提交按钮)
在表单中点击submit按钮会提交数据到指定的位置。

3输入限制(属性)

disabled:输入字段被禁用
max:输入的最大值
maxlength:输入字段的最大字符数
pattern:检查输入的正则表达式
required:必须填写
readonly:只读
placeholder:属性值为文字内容,阴影提示,输入时文字消失

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值