7.2输入标签

1.文本框—text
text属性用来设定在表单的文本框中,可以输入任何类型的文本,数字和字母
注意:输入的内容以单行显示

<input type="text"  name="控件名称"  size="控件长度"  maxlength="最长字符数"
		value="文字域的默认取值">

一般来说,name,size和maxlength三个参数是不会省略的

参数类型含义
name文本框的名称,用于页面中其他控件加以区别,命名时不能包含特殊字符,也不能以HTML预留作为名称
size定义文本框在页面中显示的长度,以字节作为单位
maxlength定义文本框最多可以输入的文字数
value用于定义文本框的默认值

2.密码域—password
在表单中还有一种文本域为密码域,输入文本域中的文字均以星号"*"或远点显示

 <input  type="password"  name="控件名称"  size="控件长度"  maxlength="最长字符数"
 	value="密码域的默认取值"	/>
参数类型含义
name文本框的名称,用于页面中其他控件加以区别,命名时不能包含特殊字符,也不能以HTML预留作为名称
size定义密码域在页面中显示的长度,以字节作为单位
maxlength定义文本框最多可以输入的文字数
value用于定义密码的默认值,同样以"*"或圆点显示

3."单选"按钮—radio

<input type="radio" value="单选按钮的取值"  name="单选按钮的名称" checked="checked" />

注:

  1. 同一组的单选的name要一样,name不是显示出来的名字,而是用于区分这个选项属于哪个组
  2. value是上传给服务器的,用于区分这些选项
  3. check="checked"表示默认选中

4.复选框—checkbox

<input type="checkbox" value="复选框的值" name="名称" checked="checked" />

注:

  1. 同一组的单选的name要一样,name不是显示出来的名字,而是用于区分这个选项属于哪个组
  2. value是上传给服务器的,用于区分这些选项
  3. check="checked"表示默认选中

5."普通"按钮—button

<input type="button" value="按钮的取值"  name="按钮名"  onclick="JavaScript脚本程序" />

注:

  1. 普通按钮一般要配合脚本进行表单处理
  2. onclick是设置鼠标按下按钮后所进行的一些处理
  3. value为按钮显示出来的名字
  4. name只是为了区分按钮而不是真的名字

6."提交"按钮—submit
提交是一个特殊的按钮,不需要设置onclick属性,在单击该按钮是可以实现表单内容的提交

  <input type="submit" name="按钮名" value="按钮的取值" />
   

注:

  1. value为按钮显示出来的名字
  2. name只是为了区分按钮而不是真的名字

7."重置"按钮—reset

清除表单内容,恢复默认设定

<input type="reset" name="按钮名"  value="按钮取值" />

注:

  1. value为按钮显示出来的名字
  2. name只是为了区分按钮而不是真的名字

8.图像域—image
一个图像按钮

<input type="image" src="图像地址" name="图像域名" />

9.隐藏域—hidden

<input type="hidden" name="隐藏域名称" value="提交的值" />

此标签主要用来传递一些参数,这些参数不需要在页面显示,例如隐藏用户的id值等等<input type="hidden" name="user id" value="1000" />

10.文件域—file

 <input type="file" name="文件域名称" />

简单的运用在7.2.1中

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值