表单

<!--占位符 placeholder-->
        <input type="text" name = "a12" placeholder="用户名"/>
        <input type="reset" name="a12" />
        <!--单选框-->
        <div>
            <!--有相同name的单选框为一组-->
            <!-- checked="checked"默认选中此项-->
            <input type="radio"  name="a" checked="checked"/>1
            <input type="radio" name="a" />2
            <input type="radio" name="a" />3
        </div>
        
        <!--多选框-->
        <div>
            <input type="checkbox" />1
            <input type="checkbox" />2
            <input type="checkbox" />3
        </div>
        <!--上传文件-->
        <div>
            上传文件<input type="file" />
        </div>
        <div> 
              上传多个文件<input type="file"  multiple="multiple"/>
        </div>

input标签按钮

    
<form action="#">
    
    <p>用户名:<input type="text" placeholder="请输入用户名" name="user"/></p>
    <p>密码:<input type="password" placeholder="请输入密码"  name="passwd"/></p>
    <p><input type="submit" value="提交" /></p>
    <p><input type="reset" value="重置" /></p>

</form>

下拉框

<select>
    <option>北京</option>
    <option>上海</option>
    <!--selected="selected"默认选中-->
    <option selected="selected">山东</option>	
</select>

文本域

<!-- rows高  cols宽 -->
<textarea cols="90" rows="20"></textarea>

lable

可以点击文字选中

<input type="radio" id="nan" /><label for="nan">男</label>
<input type="radio" id="nv" /><label for="nv">女</label>

您可能还喜欢...