HTML表单有关输入知识点

本文介绍了HTML中的表单元素,包括文本域、下拉列表、单选框、复选框和提交按钮等。特别是详细讲解了<input>标签的使用,如密码输入、单选和复选功能,并解释了表单提交的机制及其action属性的应用。
摘要由CSDN通过智能技术生成

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

表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签 <form> 来设置

<form>
.
input
元素
.
</form>

多数用到的表单标签是输入标签<input>,输入类型再由属性定义

注意:表单本身并不可见。同时,在大多数浏览器中,文本域的默认宽度是 20 个字符

在密码类型的输入当中,使用密码字段通过标签<input type="password"> 来定义:

密码字段在输入之后不会显示明文而是星号或其他符号代替。

  1. 单选按钮

<input type="radio"> 标签定义了表单单选框选项

 

正在上传…重新上传取消

这种类型是单选按钮,只能二选其一

  1. 复选框

<input type="checkbox"> 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。

 

  1. 提交按钮

<input type="submit"> 定义了提交按钮.

当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

 

 

  1. <form name="input" action="html_form_action.php" method="get">

对于form 动作属性进行定义,将输入的文本数据进行处理。

  1. Username: <input type="text" name="user">
    <input type="submit" value="Submit">

和文本框输入一样,先规定抬头名字是username:定义输入的是文本类型,关键词是user,再定义类型是提交按钮。即可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值