HTML表单的基本应用

注释很详细,直接上代码

效果:

HTML表单的基本应用_第1张图片

涉及内容:

1.信息输入框
2.单选框
3.复选框(多选框)
4.文本输入框
5.下拉栏
6.隐藏域(用于防脚本)
7.确认按钮
8.重置按钮
9.普通按钮
10.禁用部件
11.下拉栏默认选项

<form action="">
        
        账户:<input disabled "text" name="account" value="张三" maxlength="10" ><br>
        密码:<input type="password" name="pwd" value="123" maxlength="6" ><br>
        
        
        性别:
        <input type="radio" name="gender" value="male" ><input type="radio" name="gender" value="female" checked><br>

        
        爱好:
        <input type="checkbox" name="hobby" value="smoke">抽烟
        <input type="checkbox" name="hobby" value="drink">喝酒
        <input type="checkbox" name="hobby" value="perm">烫头
        <br>
        
        <textarea name="other" cols="30" rows="10">textarea>
        <br>
        
        籍贯:
        <select name="place">
            <option value="">河北option>
            <option value="">山东option>
            <option value="" selected>山西option>
        select>
        
        <input type="hidden" name="tag" value="123">
        
        <br>
        
        <button>确认button>
        
        

        
        <button type="reset">重置button>
        
        
        
        
        <button type="button">检测账户是否注册button>
        
        
    form>

你可能感兴趣的:(html,杂项,笔记,html,前端,经验分享)