前端关于输入框的写法

最新推荐文章于 2024-01-23 11:18:39 发布
最新推荐文章于 2024-01-23 11:18:39 发布
阅读量4.9k 收藏 5
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/abysstoabyss/article/details/48832639
版权


<html>

    <head>
    <meta charset="UTF-8">
        <title>
        </title>
    </head>
    <body>
        <form>
        *输入框介绍：<br>
        姓名：<input type="text"/><br>
        密码：<input type="password"><br>
        性别：<input type="radio" name="sex">女<input type="radio" name ="sex>">男<br>
                <font color="red">单选框必须有name属性，并且name属性值要一致</font><br>
        爱好：<input type="checkbox" name="love">羽毛球
              <input type="checkbox" name="love">乒乓球<br>
              <font color="red">复选框必须有name属性，并且name属性值要一致</font><br>
        上传：<input type="file"><br>
        学历：    <select name="xue">
                    <option value="0">请选择</option>
                    <option value="2">博士</option>
                    <option value="1">硕士</option>
                    <option value="2">本科</option>                            
                </select><br>
                <font color="red">下拉框必须有name属性，并且选项要有value属性</font><br>
        自我描述：<textarea cols="10" rows="3" >  </textarea><br>                
                
        提交按钮：<input type="submit" value="提交"/><br>
                <font color="red">如果不设置value值，则默认input上显示：提交查询</font><br>
        </form>
    </body>
</html>




阿狸404
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
关于搜索输入框
01-21
1.打开页面，输入框自动获得焦点 2.用户输入关键词，如果是第一次输入，则自动清空默认Value值 Code：关于搜索输入框 .firstInp {color:#999;} .doInp {color:#f60;} [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
JS实现的手写输入
02-01
　 1.不需要任何硬件支持。 　　2.全屏书写。 　　3.语音读字毛笔签名功能 　　4.简繁英数标点任意书写。
web前端----------网页中的输入框
binhyun的博客
01-23 724
我们在浏览网页时经常需要输入一些文字内容。比如登录或注册时需要输入账号密码，发布微博时需要编写博客内容。这些功能均通过表单中的文本输入框实现。
vue实现IP地址输入框 前端vue3、vue2、react写IP输入框）
夜空孤狼啸的博客
03-18 956
前端写ip地址框输入
前端编写ip地址输入框
weixin_43939111的博客
10-21 1192
前端编写ip地址输入框 项目需要临时写的，没有用到兼容性方面的知识，代码已整理好，可直接运行看效果。本人小白一枚，有不足的地方请指正 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
html5 input各种type
大人的技术博客
09-15 802
for search boxes for spinboxes for sliders for color pickers for telephone numbers for web addresses for email addresses for c
前端学习笔记：form标签以及各种输入框+按钮
Lucifer__hell的博客
03-09 4535
1、网站与用户的交互实现？ 使用HTML表单（form），表单可以把用户输入的数据传到服务器端，这样服务器端就可以处理表单传过来的数据。 2、语法实现： <form method="传送方式" action="服务器文件"></form> 1、<form>:<form>标签是成对出现的，以<form>开始，以</form>结束。 2、action:浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3、metho
前端基础input输入框主要属性
m0_58849641的博客
09-17 1万+
　1、单行输入框< input type"text"/>。单行文本的输入框常用来输入简单的信息，例如用户名、账号等等。具体的属性有：name、value、maxlength。 　　2、密码输入框<input type=”password”/>。其内容以圆点的形式显示。 　　3、但选按钮<input type-”radio”/>。单选按钮用于单项选择，在定义单选按钮时必须为同一组中的选项制定相同的name值，可以对单选按钮应用checked属性，制定默认选中项。 　　4、复
【前端设计】输入框
weixin_55939638的博客
01-18 451
html css
前端初学者必看----html中几种常用输入框
热门推荐
clepsidra的博客
09-16 1万+
一般用户名 手机号等文本输入类 可用 input type=“text” 注册密码 支付密码等重要的需要安全性保障的 用 input type=“password” 需要重置性功能的按钮时 可以用 input type=“reset” value=“重新输入” 带有单选框功能的 选项功能 input type=“redio” name=“ral”(再有多个选框时 name属性需要输入相同的名词...
Jeecg前端输入框输入信息实现模糊查询
12-14
此功能是通过Jeecg代码生成器生成的，其前端代码文件为：PersonList.vue 在开发环境中开发这个文件（WebStorm） 找到如下位置： 其中的： import JInput from ‘@/components/jeecg/JInput’ PersonModal,(注意这个...
pygame实现中文输入框
12-22
为了解决pygame不能输入中文的问题，今天写了一个中文输入框 你要是觉得好用的话，给我这几个仓库点个星吧： https://github.com/zxf20180725/pygame-jxzj https://github.com/zxf20180725/pal2slg 1.效果 2.源码 ...
很可爱的输入框
01-19
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ... <head> <... charset=gb2312″ /> <...很可爱的输入框_软件开发网_www.jb51.net</title> <style> .usern
bootstrap输入框组使用方法
08-31
主要为大家详细介绍了bootstrap输入框组的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
通信原理期末考试试题及答案2份.doc
04-18
通信原理期末考试试题及答案2份.doc
Skeleton-Low Poly 低多边形骨架模型Unity插件美术资源包unitypackage
04-18
Skeleton-Low Poly 低多边形骨架模型Unity插件美术资源包unitypackage 支持Unity版本2019.4.29或更高 直接的低多边形骨架。 特点： - 低多边形（9k tris，8.5） - 适用于 Unity 5 及更高 版本 - 完全装配 - 包括一个 fbx 格式的模型 - PBR 纹理 - 高清纹理
基于ssm+vue学生学籍管理系统源码数据库文档.zip
04-18
基于ssm+vue学生学籍管理系统源码数据库文档.zip
工作汇报 年终总结45.pptx
最新发布
04-18
引言 年度工作回顾 系统进展与亮点 技术创新与应用 市场反馈与用户评价 存在问题与挑战 未来展望与计划 结束语与感谢 一、引言 简要介绍智能家居系统的重要性和发展趋势 回顾本年度的工作目标和重点 二、年度工作回顾 系统建设与维护 完成的项目与里程碑 系统稳定性与可靠性提升 团队建设与培训 团队成员构成与职责 培训与技能提升活动 合作伙伴与资源整合 与供应商、合作伙伴的合作情况 资源整合与利用 三、系统进展与亮点 功能扩展与优化 新增功能介绍与效果评估 现有功能的优化与改进 用户体验提升 界面设计与交互优化 用户反馈与改进措施 四、技术创新与应用 物联网技术的应用 传感器与通信技术的升级 大数据分析与应用 智能家居的智能化管理 自动化控制与节能策略 安全防护与预警系统 五、市场反馈与用户评价 市场反馈分析 市场需求与竞争态势 市场占有率与增长趋势 用户评价总结 用户满意度调查结果
前端文本输入框后端如何获取值
05-16
前端文本输入框的值可以通过表单提交的方式传递到后端，也可以通过 AJAX 异步请求的方式将输入框中的值发送到后端。具体实现方式如下： 1. 表单提交方式： 在前端页面中，使用 `<form>` 标签包裹输入框，并设置表单的 `method` 和 `action` 属性，当用户提交表单时，浏览器会将表单数据打包成一个 HTTP 请求发送到后端： ```html <form method="POST" action="/submit"> <input type="text" name="inputValue"> <button type="submit">提交</button> </form> ``` 在后端代码中，可以通过框架提供的中间件或 API 来获取表单数据： ```python from flask import Flask, request app = Flask(__name__) @app.route('/submit', methods=['POST']) def submit(): input_value = request.form['inputValue'] # 处理 input_value 的逻辑 ``` 2. AJAX 异步请求方式： 在前端页面中，使用 JavaScript 发送 AJAX 请求，将输入框中的值发送到后端： ```html <input type="text" id="inputBox"> <button onclick="submitValue()">提交</button> <script> function submitValue() { var inputValue = document.getElementById('inputBox').value; var xhr = new XMLHttpRequest(); xhr.open('POST', '/submit', true); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.send(JSON.stringify({inputValue: inputValue})); xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) { // 处理后端返回的数据 } } } </script> ``` 在后端代码中，可以通过框架提供的中间件或 API 来获取 AJAX 请求中的数据： ```python from flask import Flask, request, jsonify app = Flask(__name__) @app.route('/submit', methods=['POST']) def submit(): input_value = request.json['inputValue'] # 处理 input_value 的逻辑 # 返回处理结果 return jsonify({'result': 'success'}) ``` 注意，不同的框架和语言可能会有不同的 API 和实现方式，上述代码仅供参考。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值