表单项一 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <form action="66（续）target.html" >
            <!--
                文本框 input创建，type属性是text
             -->
            用户名<input type="text" name="username" id="" value="" /><br /><br />
            
            <!-- 
                密码框
                    使用input创建密码框，type属性值时password
             -->
            密码<input type="password" name="password" id="" value="" /><br /><br />
            
            <!-- 
                单选按钮
                    使用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 />
            
            <!-- 
                多选框
                    使用input创建多选框，type属性使用checkbox
             -->
            爱好<input type="checkbox" name="hobby" value="football"/>足球
                <input type="checkbox" name="hobby" value="basketball"/>篮球
                <input type="checkbox" name="hobby" value="ymq" checked="checked"/>羽毛球
                <input type="checkbox" name="hobby" value="ppq"/>乒乓球
                <br />
                <br />
            
            <!-- 
                下拉列表
                    使用select创建下拉列表
                    下拉列表name属性指定给select，value属性指定给option
                    可以通过option中添加selected="selected"设置默认选中
                    
                    当为select添加一个mutiple="mutiple",则下拉列表变为一个多选下拉列表
                    
             -->
            喜欢的明星
                <select name="star">
                    
                    <!-- 
                        在select中可以使用opygroup对选项进行分组
                                同一个optgroup中的选项是一组
                        可以通过label指定分组名字
                     -->
                    <optgroup label="女明星">
                        <option value ="fbb">范冰冰</option>
                        <option value ="lbb" selected="selected">李冰冰</option>
                        <option value ="zbb">赵冰冰</option>
                    </optgroup>
                    <optgroup label="男明星">
                        <option value ="zg">赵刚</option>
                        <option value ="ldh">刘德华</option>
                        <option value ="zrf">周润发</option>
                    </optgroup>
                    <!-- 
                        在下拉列表中使用option标签来创建列表项                     
                     -->
                    
                </select>
            <br />
            <br />
            
            <!-- 
                使用input创建一个提交按钮，它的type属性是submit
                在提交按钮中可以通过value属性指定按钮上的文字
                
             -->
             <input type="submit" name="" id="" value="提交" />
             <br />
             <br />
            
              
              
              
              
              
        </form>
        
    </body>
</html>

文本框  input创建 type属性text

密码框 input创建 type属性password

单选按钮 input创建 type属性radio

　　单选按钮通过name属性分组，name属性相同是一组

　　只需要选择不需要填写内容的表单项必须指定一个value属性，被选中的表单项value属性值最终会提交给服务器

多选框

　　使用input属性创建，type属性checkbox

如果希望在单选按钮或多选框中指定默认选中选项，则可以在希望选中的项中添加checkbox="checkbox"属性

 

下拉列表

　　使用select创建下拉列表，可以使用optgroup对选项进行分组，同一个optgroup是一组

　　　　可以通过label指定分组名字

 

下拉列表name属性指定给select，value属性指定给option，通过option标签创建列表项，可以通过option中添加selected="selected"设置默认选中

当为select添加一个mutiple="mutiple"，则下拉列表变为一个多选下拉列表

 

使用input创建一个提交按钮，他的type属性是submit，通过value属性指定按钮上文字

　

posted @ 2021-07-07 19:38  2237774566  阅读(43)  评论(0)    收藏  举报