HTML的基本标签介绍
程序员文章站
2022-06-26 08:40:26
表单标签定义:属性: action(数据传递的地址) 当用户点击确认按钮时,表单的内容会被传送到另一个文件,表单的动作属性定义了目的文件的文件名。由动作属性定...
了解一下HTML的基本标签(2)
表单标签
定义:<form>标签创建供用户输入的表单,主要负责数据采集的功能,有客户端向服务器端传递数据。
(应用:注册页面/调查问卷/登录/留言)
语法:<form 属性="属性值" ...>
表单元素
</form>
属性: action(数据传递的地址) <form action="1.html">...</form>
当用户点击确认按钮时,表单的内容会被传送到另一个文件,表单的动作属性定义了目的文件的文件名。由动
作属性定义的这个文件通常会对接收到大输入数据进行相关的处理。
method(数据的传递方式get,post) get的安全性低,数据量小,但速度块而post相反数据量大,速度慢,安
全高
name(表单名称)
target(规定在何处打开action)_blank在新窗口打开 _self默认,在相同的窗口打开
<fieldset>元素可将表单的相关元素分组</fieldset>
<legend>元素为fieldset元素定义标题<legend>
输入标签
<input/>
属性:
name:规定input元素的名称,用于对提交到服务器后的表单数据进行识别。(可以说是通知服务器是那个
表单项传递过来地数据)要保证数据地精准性,必须定义一个独一无二的名称。
value:输入的数据,对于不同的输入类型,value属性的用法也有所不同
type:定义类型
placeholder:提供可描述输入字段预期值的提示信息,它会在输入框为空时显示,获得焦点时消失(适
合用于text类型和password类型)
<input/>的类型
1.文本框:主要用于输入单行文本内容 <input type="text" placeholder="请输入信息"/>
2.密码框:主要用于输入一些保密信息 <input type="password"/>
3.图像域: 创建一个图像控件,该控件点击后将会立即提交表单<input type="image" src="图像路径"/>
4.单选框:单选框主要是让网页浏览者在一组选择一个。Name属性定义单选框的名称,单选框都是以组为单位
使用的,在同一组中的选项必须使用同一个名称。
<input type="radio" checked="checked" name="值"/> name的值是相同的,checked表示默认被选中
5.复选框:复选框主要是让网页浏览者在一组选项里同时选择多个选项<input type="checkbox"/>
也可以加checked属性
6.文件域:文件域主要是让网页浏览者上传文件
<input type="file"/>
7.普通按钮:创建一个普通按钮
<input type="button" value="按钮显示文字"/>
8.提交按钮:提交按钮用来将输入的信息提交到服务器
<input type="submit" value=""/>
9.重置按钮:重置按钮用来重置表单中输入的信息
<input type="reset" value=""/>
10.下拉菜单
<select>
<option selected="selected">选项1</option>
<option>选项</option>
</select>
selected 默认被选中
11.多行文本域
<textarea rows="行数" cols="列数" name="" >
</textarea>
cols属性:定义文本域的宽度
rows属性:定义文本域的高度
name属性:初始值
maxlength属性:最大输入字数
特殊标签(转义字符)
<< 小于号 > >大于号 & &符号 " “”引号
® 以注册符号 © 版权符号 ™TM商标 不断行的空格
本文地址:https://blog.csdn.net/weixin_45938584/article/details/107142196