HTML高级(表单标签)

表单标签

<form></form>

属性:

action:服务器端处理用户输入的程序,URL

action="http://www.baidu.com/counter.jsp"

没有设置或为空串时,提交给自己


method:定义浏览器将表单中信息提交给服务器端处理程序的方式,

取值可以为

GET:小于1K

POST:信息量较大


target:用来指定服务器返回结果显示的目标窗口或目标帧


title:设置鼠标停留时的提示文本


enctype:浏览器将表单数据提交给服务器的编码方法

application/x-www-form-urlencoded ,默认

multipart/form-data


表单元素标签:

1,提交按钮:<input type=submit,value="确认提交",name="submitMessage">

2, 重置按钮:<input type=reset>

3, 单行文本输入区域:

type=text

size=50

maxlength=100

value="啊哈哈"

name=inputText

disabled:信息不发送给服务器

readonly:只读

4,复选框按钮

type=checkbox

checked:是否被复选

5,单选按钮

type=radio

<input type=radio name=radio1 value=0 checked>男

<input type=radio name=radio1 value=1>女

6,隐藏表单元素

<input type=hidden>

7, 密码输入文本区域

type=password

8, 普通按钮

type=button

9,浏览按钮,上传文件

type=file


<form action="" method="POST" enctype="multipart/form-data">

<input type=file name=password1 ><br>

</form>

10,图像

type=img

11,可复选的下拉列表框

<select></select>

属性:

size:显示个数

multiple:可以多选,用CTRL

<option></option>

value:值

selected:初始化选择


12,<textarea></textarea>

cols:行

rows:列

13,<label>标签,进行快捷键设置

for:需要和输入元素的id号一致

accesskey:快捷键

<label for=usr accesskey="a">用户名(<u>a</u>):</label>
<input type=text name=user id=usr><br>




<form action="" method="POST" target="_blank" title="This is a form">

<select>

<option value="">---</option>
<option value=1 selected>AHU</option>
<option value=2>ARU</option>
<option value=3>ATU</option>

</select><br>

<input type=text name=name ><br>
<input type=password name=password ><br>
<input type=file name=password ><br>
<input type=submit><br>


<textarea>
哈哈呵呵,很好噢
不错哦
</textarea>
</form>





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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值