HTML - 表单标签相关

假装没事ソ 提交于 2019-11-30 00:51:15

 

<html>
    
    <head></head>
    
    <body>
        
        <!--
            表单标签 : 收集其标签内部的数据, 提交给指定的服务器
                action : 数据提交的地址(URL)
                method : 提交的方式(get/post)
            
            表单的数据是以键值对的形式提交的, name属性的值为键, value属性的值为值
            所要提交的表单数据, 表单域标签中必须拥有name属性值, 否则不会提交
        -->
        <form action="#" method="get">
            
            <!-- 表单域标签 : 给用户提供可以进行数据输入或选择的标签 -->
            
            <!-- 文本框 : 文本数据, 用户可见 -->
            <input type="text" name="" value="" />
            
            <!-- 文本框(密码) : 文本数据, 用户不可见 -->
            <input type="password" name="" value="" />
            
            <!-- 单选框 : name属性值相同的单选框只能选择一项数据, checked属性为默认选中 -->
            <input type="radio" name="" value="" checked="checked" />
            
            <!-- 多选框 : 一个多选的组需要使用相同的name属性值, checked属性为默认选中 -->
            <input type="checkbox" name="" value="" checked="checked" />
            
            <!--
                下拉框
                    select中的name属性值为提交数据时的键, option子标签的value值为提交数据时的值 
                    子标签option中的selected属性为默认选中 
            -->
            <select name="">
                <option value="" selected="selected"></option>
                <option value=""></option>
            </select>
            
            <!--
                文本域 :
                    rows : 文本域的行数
                    cols : 文本域的列数
            -->
            <textarea name="" rows="10" cols="20"></textarea>
            
            <!-- 普通按钮 : value属性为按钮上显示的内容 -->
            <input type="button" value="这是一个按钮" />
            
            <!-- 隐藏域 : 页面上不显示 -->
            <input type="hidden" name="" value="" />
            
            <!-- 提交按钮 : 将表单中用户写好的数据, 提交到action中所填写的服务器中 -->
            <input type="submit" value="这是提交按钮" />
            
        </form>
        
    </body>
    
</html>

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!