当前位置： 代码网 > it编程>网页制作>Css > Lesson02_03   表单标签

Lesson02_03   表单标签

2024年05月19日 • Css •我要评论
<form></form>用来创建一个表单,即定义表单的开始和结束位置 属性名作用action设置处理表单的服务器端url地址.默认为表单页method用来设置将表单中的信息提

<form></form>

用来创建一个表单,即定义表单的开始和结束位置
属性名 作用
action 设置处理表单的服务器端url地址.默认为表单页
method 用来设置将表单中的信息提交给服务端的处理程序时所用的方式
  取值为:get或post 默认值为:get 传大于1k的时候要用post
target 用来指定服务器返回结果显示的目标窗口或目标帧
title 用来设置当网站访问者的鼠标在表彰会上的任一位置停留过几秒时显示的文字
enctype 指示浏览器使用哪种编码方法将表单数据传送给www服务器,其取值为:
application/x-www-form-urlencoded和multipart/form-date,默认为前者

提交按钮:<input type="submit">

用于提交表单的内容
当设有name值时其name及value也要提交给服务器
代码如下:
<form> <input type="submit"> </form> 		效果如下:

重置按钮:<input type="reset">

用于将表单的内容置为默认值
代码如下:
<form> <input type="reset"> </form>		 效果如下:

单行文本输入区域:<input type="text">

其有一个size属性来指定输入区域的大小,以字符为单位
代码如下:
<form> <input type="text"> </form>		 效果如下:
size属性:
<form> <input type="text" size="9"> </form>		 效果如下:
maxlength属性下:
<form> <input type="text" maxlength="10"> </form>
只可以输入9个字符		 效果如下:
value属性:
<form> <input type="text" value="loncer"> </form>		 效果如下:
readonly属性:
<form> <input type="text" readonly value="loncer"> </form>
手工改动不了,可以用脚本去改		 效果如下:
disable属性:
<form> <input type="text" disabled value="loncer"> </form>
当不存在这个元素,不将其传给服务器		 效果如下:

复选框按钮:<input type="checkbox">


<form> <input type="checkedbox" name=check> </form>		 效果如下:
对不
checked属性
<form> <input type="checkedbox" checked name=check> </form>		 效果如下:
对不

单选框按钮:<input type="radio">

只可以一个被选中

<form> <input type="radio" name=radio1 value=1 checked>男
<input type="radio" name=radio1 value2>女 </form>		 效果如下:
男 女

隐藏字段:<input type="hidden">

不显示,用于提交隐藏的信息

密码输入区:<input type="password">

使输入的内容为*号,即不可见的
代码如下: <from>< input type="password"> </frome> 效果如下:

按钮:<input type="button">

与脚本相连
代码如下:
<from>< input type="button" value="提交"> </frome> 		效果如下:

赞 (0)

相关文章:

版权声明：本文内容由互联网用户贡献，该文观点仅代表作者本人。本站仅提供信息存储服务，不拥有所有权，不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 2386932994@qq.com 举报，一经查实将立刻删除。

发表评论

验证码：
最近更新的文章
推荐阅读
大家感兴趣的文章
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱：2386932994@qq.com