欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

HTML的基本标签介绍

程序员文章站 2022-03-13 07:56:30
表单标签定义:
标签创建供用户输入的表单,主要负责数据采集的功能,有客户端向服务器端传递数据。(应用:注册页面/调查问卷/登录/留言)语法:表单元素
属性: 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属性:最大输入字数

特殊标签(转义字符)

&lt;< 小于号 &gt; >大于号 &amp; &符号 &quot; “”引号
&reg; 以注册符号 &copy; 版权符号 &trade;TM商标  &nbsp; 不断行的空格

本文地址:https://blog.csdn.net/weixin_45938584/article/details/107142196