zoukankan      html  css  js  c++  java
  • 第五节课 表单元素

    程序和用户进行一个交户,也可以说是用户写的内容提交给程序

    < form action="写网页的地址" method="get"或"post"></form>

    action是指向,把数据交给那个页面,如果使用get,从浏览器能看到传的内容,如果method="post",则从浏览器看不到传的内容,是隐视的,get有长度限制,不能太长,post没有长度限制,一般都用post

    表单元素,一般分为这几大类,内容是写在<form></form>里面的

     1、<input type="text" name="给表单起个名字" value="hello"/>

    这是个单标签元素,value是直,运行后页面会出现一个文本框,文本框内会出现 hello  

    2、<input type="password" name="名字" value="写内容"/> 

    和上面的差不多,运行后页面会出现一个密码框,输入的内容则会变成星号

    3、<input type="hidden" name="起个名字" value="写内容"/> 

    这是个隐藏域,如果有条重要的数据,又不想让用户看到,可以使用隐藏域

    4、< textarea name="起个名字">内容</textarea>

    这是一个双标签元素,一个文本域

    按钮类

    1、<input type="button" value="设置按钮名称"/>

    就是一个普通按钮

    2、<input type="submit" value="提交"/>

    是一个提交按钮,跳转页面提交数据的

    3、<input type="reset" value="重置"/>

    重置按钮,输入内容后,点重置可以回归原来的样子

    4、<input type="image" src="图片路径"/>

    图片提交按钮

    5、<input type="radio" name="sex" value="男"/>男

         <input type="radio" name="sew" value="女"/>女

    这是两个单选按钮,value是提交的值,制作出来就是选男或是女的按钮

    6、多选按钮,举个例子

    <input type="checkbox" name="aihao" value="玩"/>玩

    <input type="checkbox" name="aihao" value="看书"/>看书

    复选框,可以玩和看书两个都选

    下拉列表,举个例子

    <select name="m2">

           <option>汉族</option>

           <option>回族</option>

            <option>维吾尔族</ope>

    </select>

    option也可以加属性"value"

    例<option value="001">

    提交时,网址会显示value,当没有value时,才会显示内容

    <input type="file" name="file"/>

    这个可以选择文件,上传文件到服务器

    所有表单都可以写name属性

    除了按钮类,其他的必须要写name属性

    按钮必须要写value属性

    还有其他属性

    readonly="readonly"

    只能读,只能看,运行后,用户只能看到,表单内不能输入内容

    disabled="disabled"

    不可用表格,运行后,变灰色,提交不了

    hidden="hidden"

    隐藏的

    checked="checked"做选中

    用于单选复选里面

    selected="selected"

    用于下拉列表,用来做选中

  • 相关阅读:
    Thinkphp6.0/TP6框架中新增函数的解释及用法
    PHP7.1的几个新特性
    tp6数据库mysql调试
    nginx基本配置
    redis配置
    redis的笔记
    thinkphp学习笔记
    vsCode软件相关快捷键
    erlang随笔3--OTP
    文献综述二十:基于UML技术的客户关系管理系统实现
  • 原文地址:https://www.cnblogs.com/qishuang/p/6013906.html
Copyright © 2011-2022 走看看