了解HTML的基本标签(2)

了解一下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; 不断行的空格
  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值