html中用form单选框右侧提示汗字,HTML的表单

概述

1、表单用于收集不同类型的用户输入,用户填写表单,点击提交按钮提交数据给服务器。

2、表单是一个包含表单元素的区域。

3、表单元素是允许用户在表单中输入内容,多数情况下被用到的表单标签是输入标签()。元素是最重要的表单元素。输入类型是由类型属性(type)定义的。比如:

文本域(Text Fields)

文本域通过标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。

密码字段

密码字段通过标签来定义,密码字段字符不会明文显示,而是以星号或圆点替代。

单选按钮(Radio Buttons)

标签定义了表单单选框选项,checked关键字确定预选值。按钮的value属性用来指定按钮上显示的文本信息。

复选框(Checkboxes)

定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。

提交按钮(Submit Button)

定义了提交按钮。当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性(action)定义了目的文件的文件名。由动作属性(action)定义的这个文件通常会对接收到的输入数据进行相关的处理。按钮的value属性用来指定按钮上显示的文本信息。

下拉列表

定义了下拉选项列表,下拉列表框是一个可选列。定义下拉列表中的选项,可以使用selected关键字确定预选值。

等等...

4、表单使用表单标签

来设置,一个网页中可以有多个表单。标签语法格式

1、

表单内容

说明:表单内容可以是、、、、、、、等标签。

2、表单最终是需要提交数据给服务器的,form标签有一个action属性,这个属性用来指定服务器地址。action属性和超链接中的href属性一样,都可以向服务器发送(request)例如:http://localhost:8080/html/login这是请求路径,表单提交数据最终提交给:localhost机器上的8080端口对应的软件。

3、表单是以什么格式提交数据给服务器的?

http://localhost:8080/html/login?username=123&password=123

格式:action?name=value&name=value...

HTTP协议规定必须以这种格式提交给服务器。

4、表单填写了name属性的一律会提交给服务器

标签属性

accept:服务器接收到的文件的类型(html5版本也不支持);

accept-charset:服务器可处理的表单数据字符集;

action:当提交表单时向何处发送表单数据;

autocomplete:是否启用表单的自动完成功能,值可以是:on、off,html5新增;

enctype:在向服务器发送表单数据之前如何对其进行编码,method="post"时可以使用,值可以是:multipart/form-data、text/plain等;

method:用于发送表单数据的HTTP方法,值可以是:get、post;

name:规定表单的名称,在xhtml中也废弃,使用id来代替;

novalidate:提交表单时不进行验证,值为:novalidate,html5新增;

target:在何处打开action属性中的地址,值可以是:_blank、_self、_parent、_top。

代码示例

表单
username:
password:

普通按钮:

单选按钮:

复选框:

下拉列表:

西瓜

苹果

桃子

e6e6532827767191b7c803c84cb44a40.png

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值