初识表单和get提交

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>登录注册</title>
</head>
<body><!--表单form
action: 表单提交的位置,可以是网站,也可以是一个请求处理地址
method: post,get 提交方式get方式:我们可以在url中看到我们提交的信息,不安全,高效post方式:比较安全,传输大文件
--><h1>注册</h1><form action="1.我的第一个网页.html" method="post">
<!--  文本框输入:<input type="text"--><p>名字:<input type="text" name="username"></p>
<!--  密码框:<input type="password"--><p>密码:<input type="password" name="pwd"></p><p><input type="submit"><input type="reset"></p></form></body>
</html>

文本框和输入框




列表文本框和文本域

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>登录注册</title>
</head>
<body><!--表单form
action: 表单提交的位置,可以是网站,也可以是一个请求处理地址
method: post,get 提交方式get方式:我们可以在url中看到我们提交的信息,不安全,高效post方式:比较安全,传输大文件
--><h1>注册</h1><form action="1.我的第一个网页.html" method="post">
<!--  文本框输入:<input type="text"--><p>名字:<input type="text" name="username"></p>
<!--  密码框:<input type="password"--><p>密码:<input type="password" name="pwd"></p><p><input type="submit"><input type="reset"></p><!--  下拉框, 列表框--><p>国家:<select name="列表名称"><option value="china">中国</option><option value="us">美国</option><option value="eth">瑞士</option><!--默认选择--><option value="etl">瑞士</option><option value="etl">意大利</option></select></p>
<!--  文本域--><p><textarea name="textarea" cols="50" rows="10">文本内容</textarea></p>
<!--  文件域--><p><input type="file" name="file"><input type="button" value="上传" name="upload"></p><p><input type="submit"><input type="reset" value="清空表单"></p></form></body>
</html>

效果图:

搜索框滑块和简单验证


表单的应用





表单初级验证

提示信息用在输入框中



HTML 文本框输入框 列表文本框和文本域 等等相关推荐

  1. android点击按钮弹出输入框,android 弹出框(输入框和选择框)

    1.输入框: final EditText inputServer = new EditText(this); inputServer.setFilters(new InputFilter[]{new ...

  2. Web入门之VScode基本操作,文本框、输入框、单选框、多选框、列表、插入图片、插入按钮及跳转网页和页面

    Web入门之VScode基本操作,表单.输入框.单选框.多选框.列表.插入图片.插入按钮及跳转网页和页面 已经在VSCode中新建了.html项目,下面我们来进行一些基本的简单操作,关于如何新建项目, ...

  3. java pdf表单域实现_Java 创建PDF表单域 - 文本框、复选框、列表框、组合框、按钮等...

    表单域包括文本框.复选框.列表框.组合框.按钮和签名域等,主要用于收集用户填写或选择的数据.这篇文章将介绍如何在Java应用程序中给PDF文档添加表单域. 导入jar文件 本文所使用的PDF类库是Fr ...

  4. html输入框只能输入文字,input文本框强制输入指定文字的方法以及IE11的兼容

    背景:最近开发的韩国项目,在用户姓名输入框一栏中,要求只能输入韩文,通常用到onkeyup和onafterpaste两个事件来触发方法,并在方法中进行校验,但是在IE浏览器中,出现了一种情况,就是韩文 ...

  5. 读取html到超级列表框,超级列表框读取TXT文本配置内容

    .子程序 取正则文本, 文本型, 公开, 返回以文本形式表示的正则表达式.如果该对象尚未创建,则返回空文本.本命令为高级对象成员命令 返回 (选择 (正则.是否为空 (), "", ...

  6. python获取网页文本框内容_python识别html主要文本框

    在抓取网页的时候只想抓取主要的文本框,例如 csdn 中的主要文本框为下图红色框: 抓取的思想是,利用 bs4 查找所有的 div,用正则筛选出每个 div 里面的中文,找到中文字数最多的 div 就 ...

  7. HTML -- HTML文本框、单选框、多选框、按钮、文本域、文件域、下拉框、搜索框滑动和简单验证

    1. HTML文本框.单选框.多选框.按钮.文本域.文件域.下拉框.搜索框滑动和简单验证 1.1 表单元素格式 placeholder 提示文本. 示例: <!DOCTYPE html> ...

  8. java计算两个文本框的值,java 文本框自动获取另外两个文本框的值的乘积

    java 文本框自动获取另外两个文本框的值的乘积 关注:282  答案:2  手机版 解决时间 2021-02-25 21:59 提问者壹玍徴戰何亽陪 2021-02-25 13:53 在panel里 ...

  9. html文本框光标位置,html的文本框显示光标 如何在htmlText文本框光标处插入字符...

    HTML 如何设置文本框中光标位置和光标居中 我写样式,把文本框的宽度加大了.但是光标位置在上面. html怎么让文本框的光标出现在内容最后 HTML如何在打开页面时将光标定位在某个文本框 HTML5 ...

最新文章

  1. webpack简易入门
  2. Android2.3操作系统即将发布,亮点解读
  3. 测试udp端口状态 curl_检测TCP/UDP端口的连通性
  4. conda 常用操作 镜像管理
  5. python小程序代码50 到100行-Python代码不到四十行简单暴力,微信跳一跳小程序轻松过万...
  6. 屏幕录像专家详细安装教程
  7. java加载xml配置文件_java读取配置文件的几种方法
  8. Android为TV端助力 post带数据请求方式,传递的数据格式包括json和map
  9. 【源码分析】微信小程序 - 01表单组件 - 01button - 实践
  10. 带你认识数据库视图对象,下次不要再认成“表”了
  11. 盈利靠涨价、广告满屏飞,共享充电宝入局容易做大难
  12. 50、多线程创建的三种方式之实现Runnable接口
  13. ffmpeg系列-编译
  14. python 用题库自动答题器_用题库自动答题
  15. 乐讯网python论坛_麻瓜编程Python Web基础视频教程 - 里客云
  16. 符号函数的作用及Matlab中的基本用法
  17. Spring核心组件
  18. resin服务器部署项目,Resin服务器部署
  19. 干货!Java基础知识梳理,绝对经典
  20. js实现视频直播,结合bilibili开源项目

热门文章

  1. Python编程经典案例【考题】公司奖金发放
  2. NDSS加州交通学校课程线上100%及批准
  3. Android之基于XMPP协议即时通讯软件(一)
  4. 消息积压---一般处理方法
  5. 如何开发一个自己的个人网站
  6. 用nodejs链接mysql并从其中提取数据
  7. JavaScript跳转菜单(一级,二级,三级)
  8. JS不支持冒泡的事件
  9. 安装 Metrics server
  10. 坑爹的智力题(重点推荐)