html-表单标签

<html>
    <head>
        <title>表单标签</title>
        <meta http-equiv="content-type" content="text/html;charset=utf-8">
    </head>
    <body>
        <!--  from 用来标识表单范围 
                action:确定提交的位置
                input: 
                            type:确定提交的类型
                            name:提交的键值
                            size:文本输入框的显示长度        text            password
                            maxlenth:显示文本输入框的长度        text        password
                            readonly:只读,不修改文本框的长度,会提交        text        password
                            disable:禁用,被禁用的表单项不会被提交        text        password (所有的input类型都可以生效)
                            
                select:
                            multiple:多选
                            size:选项长度
                            disable: 禁用
                            
                textarea:
                            disable:禁用
                            readonly:只读
                            
                form:
                            action:表单提交的地址(ps:#代表本地提交)
                            methon:提交的方式
                                        get提交:
                                                    1、把键值参数添加在url地址后面
                                                    2、安全性较差
                                                    3、受制于浏览器地址栏长度限制
                                        post提交:
                                                    1、参数不在url上
                                                    2、安全性相对较好
                                                    3、理论上参数长度没有限制
                                                    
                            
        -->
        <form action="#"  >
        name: <input type="text"   name="username"     /><br>
        密码:<input type="password"  name="password" /><br>
        性别:男:<input type="radio"  name="sex" value="male"/> 女:<input type="radio" name="sex" value="famale" /><br/>
        爱好:抽烟:<input type="checkbox" name="habit" value="smork" />
                    喝酒:<input type="checkbox" name="babit" value="drink"  /><br>
        学历:<select name="edu">
                            <option value="zk">专科</option>
                            <option value="bk">本科</option>
                            <option value="yjs">研究生</option>
                    </select><br>
        个人说明:<textarea rows="10" cols="75"  name="docs" >这家伙就这样了</textarea><br>
        近照:<input type="file" name="file"  value="选择"/><br>
        
            <input type="hidden" name="hit" /> 
            <input type="submit"  value="提交"/>
            <input type="reset"  value="重置"/>
        </form>
    </body>
</html>

总结:1、标签式语言表述界面。跟javase中的swing很类似。eg:radio、checkbox 等等。不同的是,下拉列表中用的是select标签。

posted @ 2016-08-29 11:54  ALMOST_MUJIN  阅读(264)  评论(0编辑  收藏  举报