码迷,mamicode.com
首页 > Web开发 > 详细

HTML-基础-day03

时间:2017-05-22 15:06:02      阅读:210      评论:0      收藏:0      [点我收藏+]

标签: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>&nbsp;码:              //&nbsp; 空格 密码域 <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>

 

HTML-基础-day03

标签:sub   处理   name   set   put   reset   com   readonly   重置   

原文地址:http://www.cnblogs.com/slowcity/p/6888881.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!