标签:sub 处理 name set put reset com readonly 重置
Form表单处理
day02有事情没学习,直接day03了。对于白板和0基础来说,讲的还是很快的,对于标签没有解释,只是直接拿来用,生硬的很。给人的感觉只要你用多了就会了,先用后理解。如果这逻辑行的通的话,后面的学习课外要花很多时间来练习巩固了。对于html的注释还是用java惯用的注释方法//。
对了上午感觉敲代码的速度有点慢,除非在格式上用复制粘贴,因为代码有很多雷同的地方,把不同的地方理解了,应该问题不大。还出现了字母敲错的问题,就是单词拼错,这种问题以后要尽量避免。<html> <head>
<html>
<head>
<title>Form表单处理</title> //表单用于向服务器传输数据。form元素是块级元素,其前后会产生折行。 </head> <body> <form action="" method="" > // form标签的格式 eg: <form action="form_action.asp" method="get">
//action 值为 URL 规定当提交表单时向何处发送表单数据
//method 值为get post 规定用于发送form-data的HTTP方法 <p> 用户名: //文本域(Text fields) <input type="text" name="uname"/> //表单能够包含input元素,比如文本字段、复选框、单选框、提交按钮等等 <p/> <p> 密 ;码: // ; 空格 密码域 <input type="password" name="upass"/> </p> <p> 所在城市: <select name="city"> //简单的下拉列表 <option value="上海">上海</option> <option value="北京">北京</option> <option value="广州">广州</option> </select>
</p>
<p>
指定预选值的下拉列表: //另一个下拉列表(注:预选值指指定预先指定的首选项。)
<select name="city">
<option value="巴黎">巴黎</option>
<option value="纽约">纽约</option>
<option value="上海" selected="selected">上海</option> //下拉项中 上海 为指定首选项
</select>
</p> </p> <p> 性别: //单选按钮 <input type="radio" checked="checked" name="sex" value="男" />男 <input type="radio" name="sex" value="女" />女 </p> <p> 爱好: //复选框 <input type="checkbox" name="hobby" value="篮球" />篮球 <input type="checkbox" name="hobby" value="足球" />足球 <input type="checkbox" name="hobby" value="羽毛球" />羽毛球 </p> <p> 文件上传: //文件上传 <input type="file" name="file"/ > </p> <p> <!--d多行文本输入框--> //多行文本域 字符数不受限制 <textarea cols="30" rows="5" readonly="readonly">阅读协议</textarea> //指定文本框架的显示大小
//表单还可以包含menus、textarea、fieldset、legend和label元素
</p> <p> <!--图片按钮--> //图片按钮 <input type="image" src="图片/IMG_0095.JPG" width="150px" height="200px"> </p> <p> <input type="submit" value="数据提交" > <input type="reset" value="数据清空"> </p> <p> //创建按钮 <input type="button" value="我爱你的按钮"/> </p>
<p> //电邮 姓名:<br/> <input type="text" name="name" value="yourname" size="20"> <br/> 电邮:<br/> <input type="text" name="mail" vlaue="yourmail" size="40"> <br/> //size指表框的大小,即长度 内容:<br/> <input type="text" name="comment" vlaue="yourcomment" size="40"> <br/><br/> <input type="submit" value="发送"> <input type="reset" value="重置"> </p>
</form> </body> </html>
标签:sub 处理 name set put reset com readonly 重置
原文地址:http://www.cnblogs.com/slowcity/p/6888881.html