HTML表单设计
⼀、表单标记
定义表单的开始位置和结束位置，表单提交时的内容就是表单中的内容
基本格式：
常⽤属性：
name 表单名称
method 传送数据的⽅式，分为post和get两种⽅式
get⽅式：get⽅式提交时，会将表单的内容附加在url地址的后⾯，所以限制了提交的内容的长度，不超过8192个字符，且不具
备保密性
post⽅式：post⽅式提交时，将表单中的数黑糖补血吗 据⼀并包含在表单主体中，⼀起传送到服务器中处理，没有数据⼤⼩限制
action 表单数据的处理程序的url地址，如果为空则使⽤当前⽂档的url地址，如果表单中不需要使⽤action属性也要指定其属性
为“no”
enctype 设置表单的资料的编码⽅式
target 和超链接的属于类似，⽤来指定⽬标端⼝
⼆、⽂本域和密码
标记没有结束标记
基本语法：
属性介绍：
type
text 当type=“text”时，表⽰⼀个⽂本输⼊域
password 当type=“password”时，表⽰⼀个密码输⼊域
name 定义控件的名称
value 初始化值，打开浏览器时，⽂本框中的内容
size 设置控件的长度
maxlength 输⼊框中最⼤允许输⼊的字符数
三、提交、重置、普通按钮
1.提交按钮
当时，为提交按钮
2.重置按钮
当时，为重置按钮
3.普通按钮
当时，为普通按钮
四、单选框和复选框
1.单选按钮
当时，为单选按钮
2.复选框
当时，为复选框
3.注意
单选框和复选框都可以使⽤“checked”属性来设置默认选中项
五、隐藏域
当时，为隐藏表单域
六、多⾏⽂本域
⽤法：使⽤
rows属性和cols属性分别⽤来指定，显⽰的⾏数和列数，单位是字符个数
七、菜单下拉列表域
语法格式：
选项1
选项2
选项3
... ...
属性：
multiple 设置可以多选
value 设置传送的数据
option标记：
标记⽤来指定列表中的⼀个选项，需要放在
lected 指定默认的选项
<html>
<head>
<title>表单设计title> <meta chart="utf-8"> head> <body> <form> 账号：<input type="text" name="zhanghao" value="" 非常幽默
size="10" maxlength="5"> <br> <br> 密码：<input type="password" value="" name="mima" size="10"> <br> <br> <input type="hidden" value="隐藏的内容" name="mihiddenma" size="10"> 爱好：<input type="checkbox" name="tiyu" checked="checked">体育<input type="checkbox" name="changge">唱歌 <br> <br> 性别：<input type="radio" name="x" checked=普法教育手抄报
"check翩的组词
ed">男<input type="radio" name="x">⼥ <br> <br> ⾃我介绍：<br> <textarea cols="35" rows="10" name="ziwojieshao"> 这⾥是⾃我介绍 textarea> <br> <br> 地址： <lect name="dizgain是什么意思
hi"> <option value="sichuan">四川option> <option value="beijing">北京option> <option value="shanghai">上海option> lect> <br> <br> <input type="submit" value="提交"> <input type="ret" value="重置"> <input ty思想意识形态
pe="button" value="按钮"> form> body> html>
本文发布于:2023-04-21 04:15:11，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/fan/89/840472.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
| 留言与评论（共有 0 条评论） |
