首页 > 代码库 > HTML-基础-day03

HTML-基础-day03

2024-09-24 05:28:20   202人阅读

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="http://www.mamicode.com/巴黎">巴黎</option>
　　　　　　　　　　　　　　<option value="http://www.mamicode.com/纽约">纽约</option>
　　　　　　　　　　　　　　<option value="http://www.mamicode.com/上海" 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


联系
我们