当前位置: 代码迷 >> Web前端 >> 表单惯用
  详细解决方案

表单惯用

热度:265   发布时间:2013-03-17 13:48:32.0
表单常用

a,什么是表单?
        用于收集用户信息(常见的有,注册、登录、
        调查等等)的一种标记
        b,表单标记及相关的标记(非input标记,input标记)
        input标记:
            text:
                文本输入框
                属性: name value maxlength disabled
            password:密码输入框
            button:按钮
            radio:
                单选
                属性: name value checked
            checkbox:多选
            file:上传文件
            hidden:隐含域    
            submit:提交
            reset:重置
        非input标记
            select:
                下拉列表,每一个选项用option来表示
                属性:multiple
            textarea:
                多行文本输入框

<html>

    <head>
        <title>注册</title>
    </head>
    <body>
        <h1>hello1</h1>
        <h2>hello2</h2>
        <h6>hello6</h6>
        你好&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        你长得<br/>真好看<br/>
        <br/>
        <br/>
        &lt;table&gt;
        
        
        <form action="table.html" method="">
            <table>
            <tr>
                <td>用户名:</td>
                <td>
                    <input type="text" name="username" value="tom" maxlength="3" disabled="disabled"/>
                </td>
            </tr>
            <tr>
                <td>密码:</td>
                <td>
                    <input type="password" name="pwd"/>
                </td>
            </tr>
            <tr>
                <td>密码确认:</td>
                <td>
                    <input type="password" name="repwd"/>
                </td>
            </tr>
            <tr>
                <td>性别:</td>
                <td>
                    男:<input type="radio" name="gendar" value="m" checked="checked"/>
                    女:<input type="radio" name="gendar" value="f"/>
                </td>
            </tr>
            <tr>
                <td>爱好:</td>
                <td>
                    钓鱼:<input type="checkbox" name="interest" value="fishing" checked="checked"/>
                    钓鱼2:<input type="checkbox" name="interest" value="fishing2"/>
                    钓鱼3:<input type="checkbox" name="interest" value="fishing3"/>
                </td>
            </tr>
            <tr>
                <td>城市:</td>
                <td>
                    <select name="city">
                        <option value="bj">北京</option>
                        <option value="bj2">北京2</option>
                        <option value="bj3">北京3</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>自我描述:</td>
                <td>
                    <textarea name="desc" rows="5" cols="30"></textarea>
                </td>
            </tr>
            <tr>
                <td>上传文件:</td>
                <td>
                    <input type="file" name="file1"/>
                </td>
            </tr>
            <input type="hidden" name="key1" value="value1"/>
            <tr>
                <td colspan="2" align="center">
                    <input type="submit" value="确定"/>
                    <input type="reset" value="重置"/>
                    <input type="button" value="点我" disabled="disabled"/>
                </td>
            </tr>
            </table>
        </form>
    </body>
</html>
  相关解决方案