html表单文本框作用,HTML表单的用法

在 HTML 中,表单是由

标记定界的区域,包含文本输入框、按钮、复选框和图形用户界面的其他功能部件。Web 应用程序使用表单以允许最终用户提供要发送到服务器的数据。

form元素

常用属性:

action:

提交表单的地址

method:

提交表单使用的方法,一般有get和post两种。

input元素

input元素通过type属性来设置不同的input类型。

文本域

姓名:

密码域

密码:

复选

checked为默认勾选项

爱好:

dota

篮球

骑行

单选

checked为默认勾选项

性别:

提交

重置

按钮

隐藏域

对用户不可见,祥见 form常见问题

选择并上传文件

accept属性可限制选择文件的类型

select元素

selected为默认选中项

萨博

本田

奔驰

label元素

label元素为input元素定义标注。

当for属性与关联元素的 id 属性要相同时,当鼠标选择该标签时,关联的元素控件会获得焦点。

姓名

textarea元素

评论:

from相关

form表单有什么作用?有哪些常用的input 标签,分别有什么作用?

标签用于为用户输入创建 HTML 表单,表单用于向服务器传输数据。

常用的input标签和作用

button——定义可点击的按钮

checkbox——定义复选框

radio——定义单选按钮

text——定义单行输入框,可在其中输入文本

file——定义输入字段和“浏览”按钮,供文件上传

hidden——定义隐藏的输入字段

image——定义图像形式的提交按钮

password——定义密码字段,该字段中的字符被掩码

reset——定义重置按钮,用于清除表单中的所有数据

submit——定义提交按钮,把表单数据发给服务器

post 和 get 方式的区别?

** GET**

查询字符串(名称/值对)是在 GET 请求的 URL 中发送的:

test/demo_form.asp?name1=value1&name2=value2

GET 请求可被缓存

GET 请求保留在浏览器历史记录中

GET 请求可被收藏为书签

GET 请求不应在处理敏感数据时使用

GET 请求有长度限制

GET 请求只应当用于取回数据

POST

POST /test/demo_form.asp HTTP/1.1

Host: w3schools.com

name1=value1&name2=value2

POST 请求不会被缓存

POST 请求不会保留在浏览器历史记录中

POST 不能被收藏为书签

POST 请求对数据长度没有要求

在搜索引擎中检索信息等获取信息,使用get方法。在注册、登录、提交用户信息等提交信息,应使用post方法。

在input里,name 有什么作用?

1)规定input元素的名称,用于对提交到服务器后的表单数据进行标识;

2)在客户端提供给 JavaScript,使其可以引用表单数据;

3)用于单选/多选分组,相同name为一组。

radio 如何 分组?

通过相同name的值来分组

placeholder 属性有什么作用?

提供可描述输入字段预期值的提示信息,该提示会在输入字段为空时显示,并会在字段获得焦点时消失。

type=hidden隐藏域有什么作用? 举例说明

隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。

< input type="hidden" name="xxx" value="yyy">

当用户使用提交按钮提交信息时,将同时上传value值为yyy的信息。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值