zoukankan      html  css  js  c++  java
  • 基本认识

    表单元素:用于客户端和服务端进行信息交互的通道

    <form></form>:所有的表单元素都应该放在里面

    文本输入框:
    <input type="text"/>
    属性:
    name="小狗",每个表单元素都有name属性
    value="值",每个表单元素都有value属性,value值是随着用户输入而改变
    size="5",设置文本输入框的长度
    maxlength="10",最多可以输入的字符数
    placeholder="提示信息",提示
    readonly="readonly",只读

    密码输入框
    <input type="password"/>
    name/value等属性,属性完全跟文本输入框一致

    单选框
    <input type="radio"/>
    name/value属性
    checked="checked",表示被选中

    复选框
    <input type="checkbox"/>
    name/value属性
    checked="checked",表示被选中

    下拉列表
    <select>---选择
    <option></option>---项
    </select>
    select的属性:name/value
    multiple="multiple",变成列表框(multiple:多列)
    size="2",表示显示2行

    option的属性:
    selected="selected",表示哪一项被选中
    disabled="disabled",表示禁止被选中
    value="值"
    ------------------------
    按钮
    普通按钮:
    <input type="button"/>
    name/value
    <button type="button">按钮</button>

    <button>按钮</button>
    属性:type/name/value
    type="button(按钮)/reset(重置)/submit(提交)",默认为button

    重置按钮:
    <input type="reset" value="重置"/>
    <button type="reset">重置</button>

    提交按钮:
    <input type="submit" value="提交"/>
    <button type="submit">提交</button>
    提交按钮有页面刷新的效果,同时可以将文本输入框和密码输入框的相关信息提交到地址栏上

    文件按钮:
    <input type="file"/>---只能选择文件,不能选择文件夹
    name/value属性

    图片按钮:
    <input type="image" src="图片的路径"/>
    属性:name/value/width/height

    ------------------------
    隐藏域:
    <input type="hidden"/>

    文本域:
    <textarea></textarea>
    有name属性,没有value属性
    cols="50",设置文本域的宽度
    rows="5",设置文本域的高度

    ------------------------
    <label></label>
    属性:
    for="id名"
    <label for="admin">账号:<input type="text" id="admin"/></label>
    <label for="pwd">密码:</label><input type="password" id="pwd"/>
    label标签可以为表单元素定义,使文本和表单元素之间的关系更紧凑

    ------------------------
    <form></form>
    属性:
    action="路径",跳转到某个页面,将表单元素里面数据提交到某个页面
    method="get/post"
    get:会将数据显示在地址栏上
    post:不会将数据显示在地址栏上 

  • 相关阅读:
    DP2_第K优解
    DP1
    算法第一讲_动态规划
    CodeForces 487A Fight the Monster
    HDU 2899 Strange fuction
    lower_bound() 与 upper_bound()
    jQuery qrcode生成二维码
    本地代码上传至git仓库
    图片懒加载
    react-native学习(一)————使用react-native-tab-navigator创建底部导航
  • 原文地址:https://www.cnblogs.com/love-8023/p/7650566.html
Copyright © 2011-2022 走看看