• html中的一些按钮之类的操作


     html:单选框的name的值必须一致复选框的name没有要求可以一样

            input type="test"文本输入框 input type="password"密码输入框 <textarea cols="" rows"">请输入文字</textarea>大段文字的文本框输入 cols是行 rows是列。

            <textarea class="hl">请输入文字</textarea>用css的方式改变行列  .hl{width:50px;height:50px} input type="submit" value="确定" input type="reset" value="重置"    value的值是按钮显示的字 label for="控件的id名称" for里面的控件名称必须和控件的id的属性值相同

             与后台的交互使用表单标签<forn> <form method="text/post" action="xxx.php" method是传送方式由后台决定 action是传送的位置 "里面是服务器文件"

       <input type="radio" name="" value=""/>文字    这是单选框的语法 同一个单选的框内的几个语句中name的值必须是一样的。

    例:你是男人还是女人?

         <input type="radio" name="male" value="man"/>男人

         <input type="radio" name="male" value="woman"/>女人

    多选框

    <input type="checkbox" name="" value="'/> 这是多选的写法 他们的name的值不一样。

    例: 你喜欢的运动有什么?

       <input type="checkbox" name="ball" value="sport1"/>篮球

      <input type="checkbox" name="swim" value="sport2"/>游泳

      <input type="checkbox" name="football" value='sport3"/>足球

    单选下拉框:

    <option value=''>选项</option> value的值是向服务器提交的值 选项是在页面中显示的值。

    要是选择传输数据的话需要用到<form>来与后太进行交互。在value的后面加入selected="selected"会被选为默认选项。

    例:<form method="post" action="sss.php">

    <label>你现在几年级?</label>

    <select>

    <option value='first'>一年级</option>

    <option value='second'>二年级</option>

    <option value='third'>三年级</option>

    <option value='fouth'>四年级</option>

    </select>

    多选下拉框相对于单选下拉框只需要在<select>这个标签内加入multiple="multiple"

    就可以实现多选 想选择多个选项时只需要Ctrl+鼠标左键即可。

    <label>本身没有含义 但是label标签可以通过语法的方式来方便鼠标用户的操作 语法是<label for="控件的ID名称>选项</label>

    就是当鼠标点击到label标签内部的时候直接就可以触发控件。

  • 相关阅读:
    用javascript写星际飞机大战游戏
    Vue源码分析之实现一个简易版的Vue
    Vue源码分析之数据驱动
    Vue源码分析之虚拟DOM
    使用HbuilderX离线打包5+APP
    ERROR in build.js from UglifyJs
    PHP 的一些开发规范
    Markdown使用TOC自动生成导航栏
    Hexo博客skapp主题部署填坑指南
    Docker 官方安装详解
  • 原文地址:https://www.cnblogs.com/lllmx/p/6588838.html
Copyright © 2020-2023  润新知