• 前端html基础学习笔记二


    表单

    1 : 表单标签

     <form></form> 
     
     属性 :  
    
     action = '接口地址'  
    
     method = 'get / post'  
    
     name = '表单名称'
    

    2 : 表单控件

    <input>
    属性:
    type = '控件类型'
    name:属性标识表单域的名称;
    Value:属性定义表单域的默认值,其他属性根据type的不同而有所变化。
    maxlength:控制最多输入的字符数,
    Size:控制框的宽度(以字符为单位)
    1)文本框
    <input type="text" value="默认值"/>
    2)密码框
    <input type="password" />
    3)提交按钮
    <input type="submit" value="按钮内容" />
    4)重置按钮
    <input type="reset" value="按钮内容" />
    5)空按钮
    <input type="button" value="按钮内容" />
    

    3:表单补充


    1)单选按钮组
    <input type=“radio” name=“ral” />男
    <input type=“radio” name=“ral”
    checked=“checked”/>(默认选中)女
    2)复选框组
    <input type="checkbox" name="" />
    <input type="checkbox" name="" disabled="disabled" />
    * disabled="disabled" (禁用)
    * checked="checked" (默认选中)
    3)下拉列表(菜单):
    <select >
    <option>下拉选项1</option>
    <option>下拉选项2</option>
    …………
    </select>
    表示下拉列表,name属性不是必须的
    默认选择项用selected属性;
    4)表单域多行文本定义:
    语法: <textarea name="" cols="" rows="" ></textarea>
    多行文本。rows属性和cols属性用来设置文本输入窗口的高度和宽度,单位是字符。
    阻止浏览器对窗口的拖动设置:{resize:none;}(css属性)
    5)上传文件:
    语法:<input type="file">
    

    4:表单标签补充

    1)表单字段集
    语法:<fieldset></fieldset>
    ​
    说明:相当于一个方框,在字段集中可以包含文本和其他元素。该元素用于对表单中的元素进行分组并在文档中区别标出文本。fieldset元素可以嵌套,
    在其内部可以在设置多个fieldset对象。disabled定义空间禁制可用;
    ​
    2)字段级标题:
    语法:<legend align="left/center/right/justify"></legend>
    说明:legend元素可以在fieldset对象绘制的方框内插入一个标题。legend元素必须是fieldset内的唯一个元素。
    3)提示信息标签:
    语法:<label for="绑定控件id名"></label>
    ​
    说明:label元素用来定义标签,为页面上的其他元素指定提示信息。要将label元素绑定到其他的控件上,可以将label元素的for属性设置为与该控件的id属性值相同。
    

    拓展:post/get

    • (1). 从功能上讲,GET一般用来从服务器上获取资源,POST一般用来更新服务器上的资源;
    • (2). 从REST服务角度上说,GET是幂等的,即读取同一个资源,总是得到相同的数据,而POST不是幂等的,因为每次请求对资源的改变并不是相同的;
      进一步地,GET不会改变服务器上的资源,而POST会对服务器资源进行改变;
    • (3). 从请求参数形式上看,GET请求的数据会附在URL之后,即将请求数据放置在HTTP报文的 请求头 中,以?分割URL和传输数据,参数之间以&相连。
      特别地,如果数据是英文字母/数字,原样发送;否则,会将其编码为 application/x-www-form-urlencoded MIME 字符串(如果是空格,转换
      为+,如果是中文/其他字符,则直接把字符串用BASE64加密,得出如:%E4%BD%A0%E5%A5%BD,其中%XX中的XX为该符号以16进制表示的ASCII);
      而POST请求会把提交的数据则放置在是HTTP请求报文的 请求体 中。
    • (4). 就安全性而言,POST的安全性要比GET的安全性高,因为GET请求提交的数据将明文出现在URL上,而且POST请求参数则被包装到请求体中,相对更安全。
    • (5). 从请求的大小看,GET请求的长度受限于浏览器或服务器对URL长度的限制,允许发送的数据量比较小,而POST请求则是没有大小限制的。
      作为一个后端,html学会这些就够用了,别的特性可以参考w3chtml手册即可。
    艾欧尼亚,昂扬不灭,为了更美好的明天而战(#^.^#)
  • 相关阅读:
    sqlserver中判断表或临时表是否存在
    Delphi 简单方法搜索定位TreeView项
    hdu 2010 水仙花数
    hdu 1061 Rightmost Digit
    hdu 2041 超级楼梯
    hdu 2012 素数判定
    hdu 1425 sort
    hdu 1071 The area
    hdu 1005 Number Sequence
    hdu 1021 Fibonacci Again
  • 原文地址:https://www.cnblogs.com/lovelywcc/p/13861864.html
Copyright © 2020-2023  润新知