表单标签~input控件~label标签~textarea控件~下拉菜单~表单域

在HTML中.一个完整的表单通常由表单控件(也称为表单元素).提示信息和表单域3个部分构成.
表单控件:
包含了具体的表单功能项.如单行文本输入框.密码输入框.复选框.提交按钮.重置按钮等.
提示信息:
一个表单中通常还需要包含一些说明性的文字.提示用户进行填写和操作.
表单域:
他相当于一个容器.用来容纳所有的表单控件和提示信息.可以通过他定义处理表单数据所用程序的url地址.以及数据提交到服务器的方法.如果不定义表单域.表单中的数据就无法传送到后台服务器.

input 控件(重点):
input标签为单标签.type属性为其最基本的属性.其取值有多种.用于指定不同的控件类型.除了type属性之外.input 标签还可以定义很多其他的属性.其常用属性如下表所示:
表单标签~input控件~label标签~textarea控件~下拉菜单~表单域_第1张图片
注意:size是字符的宽度

(1)单行文本输入框:

姓名:

运行结果如下:
在这里插入图片描述
(2)密码输入框:

密码:

执行结果如下:
在这里插入图片描述
(3)单选
注意:实现单选效果必须设置相同的name值
checked="checked"设置默认选项


性别:男

执行结果如下:
在这里插入图片描述
(4)复选框


 爱好:
    唱歌
    跳舞

执行代码如下:
在这里插入图片描述

label标签(理解):
label 标签为 input 元素定义标注(标签)
作用: 用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点
如何绑定元素呢?
for 属性规定 label 与哪个表单元素绑定





textarea控件(文本域)
如果需要输入大量的信息,就需要用到标签。通过textarea控件可以轻松地创建多行文本输入框,其基本语法格式如下:


下拉菜单:
使用select控件定义下拉菜单的基本语法格式如下


注意:

  1. select中至少应包含一对option
  2. 在option 中定义selected =" selected "时.当前项即为默认选中项

表单域:
在HTML中.form标签被用于定义表单域.即创建一个表单.以实现用户信息的收集和传递.form中的所有内容都会被提交给服务器.创建表单的基本语法格式如下:

各种表单控件

常用属性:

  1. Action
    在表单收集到信息后.需要将信息传递给服务器进行处理.action属性用于指定接收并处理表单数据的服务器程序的url地址
  2. method
    用于设置表单数据的提交方式.其取值为get或post
  3. name
    用于指定表单的名称.以区分同一个页面中的多个表单.

注意: 每个表单都应该有自己表单域

你可能感兴趣的:(HTML)