首页 > 代码库 > html表单笔记

html表单笔记

<body>
    <!-- html中的表单 -->
    <form action="提交的地址" method="post">
        <!-- 文本框 -->
        <input type="text" name="textUserName"/><br>
        <!-- 密码框 -->
        <input type="password" name="textPwd"/><br>
        <!-- 下拉选 -->
        <select name="aColor" multiple="multiple"><!-- 可多选 -->
            <option>红色</option>
            <option>白色</option>
            <option>黑色</option>
            <option>red</option>
            <option>white</option>
            <option>black</option>
        </select><br>
        
        <!-- 单选框 -->
        <input type="radio" name="sex" id="man"/><label for="man">男</label>
        <input type="radio" name="sex" id="fmale"/><label for="fmale">女</label><br>
        
        <!-- 上传控件 -->
        <input type="file" name="ffile"><br>
        
        <!-- 复选框 -->
        <input type="checkbox" />Apple
        <input type="checkbox"/>Orange<br>
        
        <!-- 多行输入框 -->
        <textarea  name="ttext" rows="20" cols="40"></textarea><br>
        
        <!-- 普通按钮 -->
        <input type="button" value="http://www.mamicode.com/我是一个普通按钮"><br>
        
        <!-- 重置按钮/提交按钮,这两个按钮必须放在form表单中 -->
        <input type="reset" value="http://www.mamicode.com/重置"/>
        <input type="submit" value="http://www.mamicode.com/提交">
    </form>
</body>

html表单笔记