表单项二 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <form action="66（续）target.html">
            <!-- 
                在表单中可以使用fieldest为表单分组
                可以将表单项中的同一组放到一个fieldest中
             -->
            <fieldset id="">
                <!-- 
                    在fieldset可以使用legend子标签，指定组名
                 -->
                <legend>用户信息</legend>
                
                
            
            
            
            <!--
                文本框 input创建，type属性是text
             -->
             
             <!-- 
                HTML中提供了一个标签，专门选中表单中提示文字
                lable标签
                    该标签可以指定一个for属性，该属性值需要指定一个表单项的id值
              -->
              <label for="yh">用户名</label>
            <input type="text" name="username" id="yh" value="" /><br /><br />
            
            <!-- 
                密码框
                    使用input创建密码框，type属性值时password
             -->
             <label for="pwd">密码</label>
            <input type="password" name="password" id="pwd" value="" /><br /><br />
            
            </fieldset>
            
            
            <!-- 
                单选按钮
                    使用input创建一个单选按钮,type属性使用radio
                    单选按钮通过name属性进行分组，name属性相同是一组
                    像只需要选择不需要填写内容的表单项
                        还必须指定一个value属性，这样被选中的表单项的value属性值最终会提交给服务器
                    
                    如果希望在单选按钮或者多选框中指定默认选中选项
                        则可以在希望选中的项中添加checked="checked"属性
             -->
            性别<input type="radio" name="gender" value="male"/>男
                <input type="radio" name="gender" value="female" checked="checked"/>女
                <br /><br />
            
            
            
            
            
            
            
            
            
            
            
            
            <!-- 
                使用textarea创建一个文本域
                    
             -->
            自我介绍<textarea name="info"></textarea> 
            <br />
            <br />
            
            <input type="submit" name="" id="" value="提交" />
            
            <br />
            <br />
            
            <!-- 
                可以创建一个重置按钮 type属性是reset
                    点击重置按钮以后表单中的内容将恢复默认值
             -->
             <input type="reset" name="" id="" value="重置" />
             
             <!-- 
                使用input type="button"创建一个单纯按钮
                    该按钮没有任何功能，只能被点击
              -->
             <input type="button" name="" id="" value="注册" />
             <br><br>
             <!-- 
                除了使用input，也可以使用button标签创建按钮
                这种方式和input类似，由于成对出现，灵活性较高
              -->
              <button type="submit">提交</button>
              <button type="reset">重置</button>
              <button type="button">按钮</button>
        </form>
    </body>
</html>

HTML中提供了一个标签专门选中表单中提示文字

　　label标签

　　　　该标签可以指定一个for属性，该属性值需要一个表单项的id值

<label for="id值">用户名</label>

<input type="text" name="username" id="yh" value="" />

在表单中也可以使用fieldest为表单分组

　　可以将表单项中的同一组放到一个fieldest中

　　在fieldset中可以使用legend子标签制定组名

posted @ 2021-07-07 20:23  2237774566  阅读(29)  评论(0)    收藏  举报