ios的input输入框不生效 input 输入框

转载

技术笔耕者 2024-01-30 22:54:06

文章标签 ios的input输入框不生效前端 javascript 服务器文本框 文章分类 iOS 移动开发

不同type下input的含义和用途
 type类型 input用途 value值的含义
 text 单行文本框 文本框中默认初始内容
 password 用来输入密码的单行文本框(文本框中的内容将被显示为*) 文本框中默认初始内容
 button 普通按钮 定义按钮文本
 submit 提交按钮(提交表单时使用) 定义按钮上的文本
 radio 单选按钮 单击时的结果（必须有）
 checkbox 复选按钮 单击时的结果（必须有）
 file 上传文件元素 不是同时使用
 reset 重置按钮 定义按钮上的文本
 注意：对于radio,checkbox单选和复选来说，value必须要有，单击元素时，将该元素的value与name作为键值对传给后台服务器使用jQuery选择器获取value值的注意事项
 radio
 获取元素值
 示例一:$(‘input[type=radio]:checked’).val()
 作用:获取被选中的单选框的value设置元素值
 示例二:$(‘input[type=radio]:checked’).val([‘1’])
 作用:设置单选框中值为1的元素处于被选中状态checkbox
 获取元素值
 示例:$(‘input[type=checkbox]:checked’).val()
 作用:获取第一个被选中的复选框的value设置元素值
 示例:$(‘input[type=checkbox]:checked’).val([‘1’,‘2’])
 作用:设置复选框中值为1和值为2的元素处于被选中状态option
 获取元素的值
 示例:$(‘option:selected’).val()
 $(‘option:selected’).text()
 注意:val()是获取被选中的标签的值（单击时的结果,标签的value属性）,而text()是标签上的文字属性。设置元素的值
 示例:$(‘select’).val(‘bg’);
 注意:将下拉列表的默认选项设置值为bg的标签，注意选择器必须选择select标签，而不能选择option标签总结：获取元素的值时，用val()属性;设置单选框，复选框，下拉式列表时，值必须用中括号[]括起来，代表初始状态被选中的标签。
text
 获取元素的值
 示例:$(‘input[type=text]’).val()
 作用:获取文本框中的内容设置元素值
 示例:$(‘input[type=text]’).val(‘hello’)
 作用:将文本框中的内容设置为hello

input 标签的 value 属性的作用是由 input 标签的 type 属性的值决定的

当 type 的取值为 button、reset、submit 中的其中一个时，此时 value 属性的值表示的是按钮上显示的文本

当 type 的取值为 text、password、hidden 中的其中一个时，此时 value 属性的值表示的是输入框中显示的初始值，此初始值可以更改，并且在提交表单时，value 属性的值会发送给服务器（既是初始值，也是提交给服务器的值）

当 type 的取值为 checkbox、radio 中的其中一个时，此时 value 属性的值表示的是提交给服务器的值

当 type 的取值为 image 时，点击它提交表单后，会将用户的点击位置相对于图像左上角的 x 坐标和 y 坐标提交给服务器

type=“checkbox” 时，其 value 属性的值表示在复选框呈勾选状态时提交给服务器的数据值，默认为 on

type=“image” 定义图像形式的提交按钮，此时必须把 src 属性和 alt 属性与结合使用（alt 属性表示图片未正常显示时，用于替换图片的提示；如果不写这个属性，当图片未正常显示时，会默认显示提交这两个字）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>input标签的value属性</title>
</head>
<body>
    <form action="#">
        <fieldset>
            <legend>value的值是按钮上的文本</legend>
            <input type="button" value="按钮"> <br>
            <input type="reset" value="重置"> <br>
            <input type="submit" value="提交"> <br>
        </fieldset>
        <br><br>
        <fieldset>
            <legend>value的值是输入框中的初始值</legend>
            <input type="text" value="我的type属性值是text"> <br>
            <input type="password" value="我的type属性值是password"> <br>
            <!--
                定义隐藏字段，隐藏字段对于用户是不可见的
                隐藏字段通常会存储一个默认值，它们的值也可以由 JavaScript 进行修改
            -->
            <input type="hidden" value="我的type属性值是hidden"> <br>
        </fieldset>
        <br><br>
        <fieldset>
            <legend>value的值在提交表单时会发送给服务器</legend>
            <input type="checkbox" value="v1"> <br>
            <input type="radio" value="v2"> <br>
            <!--image型input标签生成的按钮显示为一幅图像，点击它可以提交表单-->
            <input type="image" src="xxx.png" alt="Submit"> <br>
            <input type="image" src="xxx.png"> <br>
        </fieldset>
    </form>
</body>
</html>

ios的input输入框不生效 input 输入框_前端