html学习笔记之二

表单:

一、表单语法

  <form action =" " method=" ">
  </form>

二、 属性 action
表单提交给服务器的地址(把表单信息提交给谁去处理)
三、 属性:method
表单提交的方式: get | post

 1  、提交方式为get:
	表单的数据在地址栏显示
		URL?名=值&名=值&名=值
2 、 提交方式为:post
	表单的数据打成数据包发送给服务器,地址栏不显示的。

3 二者的区别?
get post
速度 快 慢
安全性 不安全 安全
数据量 小 大
加为书签 可以 不可以

input元素

一、 语法

		<input type="" name="" value=""/>

二、 type属性:
值:
button :普通按钮
checkbox :复选框
file :文件域 (文件上传)
hidden :隐藏域
image :图像按钮,具有提交功能
password :密码框
radio :单选按钮
reset :重置按钮 :把表单中的数据清除到初始状态
submit :提交按钮,提交表单的数据到action指定的地址
text :单行输入框 ,默认值
------------------H5
number:number 类型用于应该包含数值的输入域。
属性:
max number 规定允许的最大值
min number 规定允许的最小值
step number 规定合法的数字间隔(如果 step=“3”,则合法的数是 -3,0,3,6 等)
value number 规定默认值
email: 邮箱类型,仅验证是否为@
date :日期类型

三、 name属性:
name 属性用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据。

注意:只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。

四 value属性
value 属性为 input 元素设定值。
对于不同的输入类型,value 属性的用法也不同:
type=“button”, “reset”, “submit” - 定义按钮上的显示的文本
type=“text”, “password”, “hidden” - 定义输入字段的初始值
type=“checkbox”, “radio”, “image” - 定义与输入相关联的值
注意: 和 中必须设置 value 属性。
注意:value 属性无法与 一同使用。

五 checked属性:
checked 属性规定在页面加载时应该被预先选定的 input 元素。

checked 属性 与 或 配合使用。
checked 属性也可以在页面加载后,通过 JavaScript 代码进行设置。
六: 其他属性:
1 maxlength 属性规定输入字段的最大长度,以字符个数计。
maxlength 属性与 或 配合使用。
2 size:
size 属性规定输入字段的宽度。
对于 和
3 disabled
disabled 属性规定应该禁用 input 元素。
被禁用的 input 元素既不可用,也不可点击。可以设置 disabled 属性,
直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后,就需要通过 JavaScript 来删除 disabled 值,将 input 元素的值切换为可用。
注释:disabled 属性无法与 一起使用。
4 readonly:
readonly 属性规定输入字段为只读。
只读字段是不能修改的。不过,用户仍然可以使用 tab 键切换到该字段,还可以选中或拷贝其文本。

readonly 属性可以防止用户对值进行修改,直到满足某些条件为止(比如选中了一个复选框)。
然后,需要使用 JavaScript 消除 readonly 值,将输入字段切换到可编辑状态。

readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用。

5 placeholder:H5 :对文本框添加提示文本

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值