Java web 之 html 表单和框架

html表单标签(重点)

    1、form标签:<form></form>
        属性:    
            name:表单名称
            action:提交的路径地址
            method:提交方式(get和post)
            
            get和post的区别(重点):
                (1)get提交将数据加在地址栏的后面,格式?name=value&name=value;post提交将数据封装在请求体中
                    ?username=zhangsan&password=123&sex=male&hobby=football&hobby=paiqiu&city=bj#
                (2)get提交相对不安全;post提交相对安全
                (3)get提交有大小限制,根据浏览器不同而不同;post不限制大小
                
        示例:
        <form>
            <table>
                <!--form里面嵌套table-->            
            </table>            
        </form>
        
    2、input标签:<input type=" "/>
        type属性:根据type属性实现各种不同功能的表单项;
            text:普通的文本输入框;
                name:username value="张三"<!--张三是默认值-->
            password:密码输入框;特点是显示的是掩码
            radio:单选按钮
                name:如果想让一组单选按钮互斥,就用指定同意name属性值,需要加value属性值;
                checked:默认被选中;                
            checkbox:复选框;
                name:组的概念,需要加value属性值。
                checked:默认被选中;
            file:上传文件的控件
            button:普通按钮,没有任何内置的功能;
            submit:内置功能,点击会按照action地址提交
            reset:重置,点击会清空之前填写的内容
            image:图片按钮,功能类似与submit
                src:加载图片
                alt:图片的提示文字
            hidden:隐藏表单,作用是在提交数据的时候,服务器需要这个数据,但是不需要用户看到。
        
        注意:name属性必须要写。
    
    3、select标签(<select></select>):下拉菜单
        属性:
            name;表单项的名称
        option标签:可选项(下拉菜单之间的级联)
            属性:
                value,表单项的值
                selected:默认被选中
        
    4、textarea:文本域标签
        属性:
            cols:列数
            rows:行数
        注意:默认的文本值在标签体当中
    
四、html框架标签及其他

    1、框架标签
        frameset:
            属性:
                rows;按行划分
                cols:按列划分
                划分格式: rows="120,*"
        frame:
            属性:    
                name:名称,方便target根据name值进行定位
                src:加载的页面地址;
                
    2、其他标签
        <meta>
            <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
            <meta http-equiv="description" content="this is my page">
            <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <link>
            <link rel="stylesheet" type="text/css" href="./styles.css">
                href:引入css文件的地址
        <script>
            <script type="text/javascript" src=""></script>
                src:js的文件地址
        
    3、特殊字符
        &nbsp; 空格
        &gt;   大于号
        &lt;   小于号
        &copy; 版权符号
        &reg;  注册符号

猜你喜欢

转载自blog.csdn.net/zhanglihaooo/article/details/78985147