表单的基本语法
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
复选框 实例10
• • • • • • • • • • • • • • • • • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <body> <!-省略部分HTML代码--> <form method="post" action=""> 爱好： <input type="checkbox" "name="hobby"value="sports"/>运动 <img type="checkbox" name="hobby" value="talk" checked="checked" />聊天 <input type="checkbox" name="hobby" value="play"/ > 游戏 </form> <!-省略部分HTML代码--> </body> </html>
Biblioteka Baidu<!--文本框、按钮等表单元素-->
</form>
methed属性：规定提 交方式，取值为“get” 和“post”。“get”方 式一般是用于安全性 不高的场合。而post 一般是用于安全性较 高的场合。
实例7 <html> <head> <meta http-equiv=“Content-Type” content=“text/html;charset=gd2312”/> <title>表单元素</title> </head> <body> <form action=“login.jsp” method=“post”> <p>用户名：<input name=“usernmae” type=“text” size=“20” maxlength=“10”/></p> <p>密 码:<input name=“psd” type=“password” size=“20”/></p> <p><input type=“submit” name=“btn” value=“提 交”/> <input name=“reset” type=“value=“”重 填”/></p> </from> </body> </html>
<input>元素的 元素的 具体属性（ 具体属性（P47表） 表
文本框
<form method=“post” action=“”> <p>用户名： <input type=“text” value=“zhangsan” size=“20” name=“useName”/> </p> </form>
表单的基本格式
<input name=“表单元素名称” type=“类型” name=“表单元素名称” type=“类型” value=“值” size=“显示宽度” maxlength“能输 value=“值” size=“显示宽度” maxlength“能输 入的最大字符长度” checked=“是否选中”/> checked=“是否选中”/>
表单的基本语法
1.基本语法 基本语法 2.表单的执行原理 表单的执行原理 3.表单元素的基本格式 表单元素的基本格式
<form action = “表单提交地址” method=“提交方法”
Action属性：规定当 提交表单信息时向何 处发送表单数据，及 处理表单数据的目的 地址。如不填，默认 为当前页面
单选按钮 实例九
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>表单的使用</title> </head> <body> <form method="post" action=""> 性别： <input name="gen" type="radio" class="input" value"男" "checked"> <!--使用checked选中属性设置初始状态是否被选 中--> <img src="images/male.gif" alt="女" /> 男? <input name="gen" type="radio" value="女" class="input"> <img src="images/female.gif" alt="女"/> 女 </form> <!-省略部分HTML代码--> </body> </html>
文本框名字为name 文本 框 文本框初始值
密码框
<p>密码： <input type=“password” size=“10” name=“pass”/> </p>
重置、提交与普通按钮
<p> <input type=“submit” value=“提交按钮” name=“button”/> < input type=“reset” value=“提交按钮” name=“reset”/> < input type=“button” value=“提交按钮” name=“cancel”/> </p>