html 表单学习

最新推荐文章于 2021-08-19 09:38:27 发布
VIP文章 最新推荐文章于 2021-08-19 09:38:27 发布
阅读量395 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hu20210623/article/details/119324090
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录注册</title>
</head>
<body>
<h1>注册</h1>

<!--表单form

action :表单提交的位置，可以是网站，也可以是一个请求处理地址
method :post,get提交方式

get方式提交：我们可以在url中看到我们提交的信息，不安全
post :比较安全，传输大文件
-->

<form action="1.我的第一个网页.html" method="get">

    <!--文本输入框：input type="text"
    hidden ：隐藏选项
    readonly ：只读
    placeholder :提示信息
    required :非空判断，必填
    -->
    <p>名字：<input type="text" name="username" placeholder="请输入用户名" required></p>
    <!--密码框：input type="password" -->
    <p>密码：<input type="password" name="pwd" hidden value="123456"></p>


    <!--单选框标签
    input type="radio"
    value : 单选框的值
    name：表示组
    disabled :禁用某个选项

    -->
    <p>
        性别
最低0.47元/天 解锁文章
十三三三三i
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
TL-WR886N密码JS加密
sssssssssszz的博客
01-24 3176
网页源码： 很明显又是JS解压缩了，跟进pageOnload后觉得有点麻烦，我就直接下XHR网址断点了，输入密码提交后直接就在jquery的代码里断下了 h.send(a.hasContent && a.data || null); //a.data也就是实际发送的Body了 然后通过栈回溯先到Ajax函数 r.send(u, d) 到sendAjax...
HTML 学习总结2 框架 表单
01-08
这是HTML学习总结系列的第二篇，第一篇在这里： HTML 学习总结1入门 基本概念、格式 文字标签 图片标签 链接标签 表格标签 注释 这次的学习内容相较第一次分类少，但是比较杂。 框架集标签 框架标签是将网页设置成...
try{s.send(t.hasContent&&t.data||null)}catch(e){if(n)throw e}}引发的惨案
denghe4720的博客
11-13 4572
如题，ajax请求报错：try{s.send(t.hasContent&&t.data||null)}catch(e){if(n)throw e}}引发的惨案 要么是404，要么是400，还有500 搞了好半天，找到jquery.min.js发现这句错误在第一处。 于是：看了我前台获取的日期参数，只有年月日 而后台类注解到了 时：分:秒 因为在前端转换数...
jquery 发送ajax错误（异常类）
shikai2008的专栏
12-30 1530
在写一个项目是使用jquery发送ajax请求，顺便把代码粘贴上来 function sendAjax(url,parameter,callback){ $.ajax({ type: "POST", url: url, data: parameter, dataType:"json", cache : false, success: callback }); } 一
Ajax 程序开发中常见问题
12-12
1.ajax,action中response返回的xml文档格式错误时,eclipse debug进入不到action中. 2.ajax缓存问题,需要加入xmlHttp.setRequestHeader(”If-Modified-Since”,”0″);便可解决. 3.如果不是ajax提交,而设置了PrintWriter out = response.getWriter();则jsp会产生中文乱码. 4.ajax返回xml乱码的原因 response.setContentType(”text/xml;charset=GBK”); PrintWriter out = response.getWr
java1think in java笔记(111)---打印 (2008-04-24 16:58:28)
10-14
java3think in java笔记(111)---打印 (2008-04-24 16:58:28) 标签：杂谈 1 默认情况下，print()方法会调用paint()来完成自己的工作。 2 选择一种字体和大小，决定字符串在页面上存在的位置，并且使用Graphics.drawSrting()方法在页面上画出字符串.必须精确地计算每行字符串在页面上存在的位置并确定字符串不会超出页面底部或者同其它行冲突。 import java.awt.*; import java.awt.event.*; public class PrintDemo extends Frame { Button printText = new Button("Print Text"), printGraphics = new Button("Print Graphics"); TextField ringNum = new TextField(3); Choice faces = new Choice(); Graphics g = null; Plot plot = new Plot3(); // Try different plots Toolkit tk = Toolkit.getDefaultToolkit(); public PrintDemo() { ringNum.setText("3"); ringNum.addTextListener(new RingL()); Panel p = new Panel(); p.setLayout(new FlowLayout()); printText.addActionListener(new TBL()); p.add(printText); p.add(new Label("Font:")); p.add(faces); printGraphics.addActionListener(new GBL()); p.add(printGraphics); p.add(new Label("Rings:")); p.add(ringNum); setLayout(new BorderLayout()); add(p, BorderLayout.NORTH); add(plot, BorderLayout.CENTER); String[] fontList = tk.getFontList(); for(int i = 0; i < fontList.length; i++) faces.add(fontList[i]); faces.select("Serif"); } class PrintData { public PrintJob pj; public int pageWidth, pageHeight; PrintData(String jobName) { pj = getToolkit().getPrintJob( PrintDemo.this, jobName, null); if(pj != null) { pageWidth = pj.getPageDimension().width; pageHeight= pj.getPageDimension().height; g = pj.getGraphics(); } } void end() { pj.end(); } } class ChangeFont { private int stringHeight; ChangeFont(String face, int style,int point){ if(g != null) { g.setFont(new Font(face, style, point)); stringHeight = g.getFontMetrics().getHeight(); } } int stringWidth(String s) { return g.getFontMetrics().stringWidth(s); } int stringHeight() { return stringHeight; } } class TBL implements ActionListener { public void actionPerformed(ActionEvent e) { PrintData pd = new PrintData("Print Text Test"); // Null means print job canceled: if(pd == null) return; String s = "PrintDemo"; ChangeFont cf = new ChangeFont( faces.getSelectedItem(), Font.ITALIC,72); g.drawString(s, (pd.pageWidth - cf.stringWidth(s)) / 2, (pd.pageHeight - cf.stringHeight()) / 3); s = "A smaller point size"; cf = new ChangeFont( faces.getSelectedItem(), Font.BOLD, 48); g.drawString(s, (pd.pageWidth - cf.stringWidth(s)) / 2, (int)((pd.pageHeight - cf.stringHeight())/1.5)); g.dispose(); pd.end(); } } class GBL implements ActionListener { public void actionPerformed(ActionEvent e) { PrintData pd = new PrintData("Print Graphics Test"); if(pd == null) return; plot.print(g); g.dispose(); pd.end(); } } class RingL implements TextListener { public void textValueChanged(TextEvent e) { int i = 1; try { i = Integer.parseInt(ringNum.getText()); } catch(NumberFormatException ex) { i = 1; } plot.rings = i; plot.repaint(); } } public static void main(String[] args) { Frame pdemo = new PrintDemo(); pdemo.setTitle("Print Demo"); pdemo.addWindowListener( new WindowAdapter() { public void windowClosing(WindowEvent e) { System.exit(0); } }); pdemo.setSize(500, 500); pdemo.setVisible(true); } } class Plot extends Canvas { public int rings = 3; } class Plot1 extends Plot { // Default print() calls paint(): public void paint(Graphics g) { int w = getSize().width; int h = getSize().height; int xc = w / 2; int yc = w / 2; int x = 0, y = 0; for(int i = 0; i < rings; i++) { if(x < xc && y < yc) { g.drawOval(x, y, w, h); x += 10; y += 10; w -= 20; h -= 20; } } } } class Plot2 extends Plot { // To fit the picture to the page, you must // know whether you're printing or painting: public void paint(Graphics g) { int w, h; if(g instanceof PrintGraphics) { PrintJob pj = ((PrintGraphics)g).getPrintJob(); w = pj.getPageDimension().width; h = pj.getPageDimension().height; } else { w = getSize().width; h = getSize().height; } int xc = w / 2; int yc = w / 2; int x = 0, y = 0; for(int i = 0; i < rings; i++) { if(x < xc && y < yc) { g.drawOval(x, y, w, h); x += 10; y += 10; w -= 20; h -= 20; } } } } class Plot3 extends Plot { // Somewhat better. Separate // printing from painting: public void print(Graphics g) { // Assume it's a PrintGraphics object: PrintJob pj = ((PrintGraphics)g).getPrintJob(); int w = pj.getPageDimension().width; int h = pj.getPageDimension().height; doGraphics(g, w, h); } public void paint(Graphics g) { int w = getSize().width; int h = getSize().height; doGraphics(g, w, h); } private void doGraphics( Graphics g, int w, int h) { int xc = w / 2; int yc = w / 2; int x = 0, y = 0; for(int i = 0; i < rings; i++) { if(x < xc && y < yc) { g.drawOval(x, y, w, h); x += 10; y += 10; w -= 20; h -= 20; } } } }
ajax问题总结
KylinBL的专栏
04-28 1509
<br />在看文章前，先指定一个通用的变量xhr，xhr代码ajax对象。 测试浏览器：ie为ie6，firefox为2，其他的未测试。统称ie6为ie，firefox2为ff。 基本的 1，最经典的就是ie下的缓存问题了。 如果使用的是get，那么在ie下出现缓存问题。导致代码只执行一次。解决办法就是加时间戳或者随机数，使url变为唯一，这样就不会出现ie下的缓存问题了，或者改为post提交。 xhr.open("get","xxxx.aspx?_dc="+new Date().get
Python学习笔记（四）——队列
qq_45812711的博客
01-30 391
1.基于列表： class Queue: def __init__(self): self._qList = list() def isEmpty(self): return len(self) == 0 def __len__(self): return len(self._qList) ...
django中获取客户端发送的数据
parhat的博客
07-30 1061
1.如果是POST请求 并且是form表单的方式提交的数据使用 request.POST 比如获取&amp;lt;input name=&quot;age&quot; value=&quot;100岁&quot;/&amp;gt; 可以在django中使用age=request.POST['age']来获取 2.如果是form表单以外的方式提交 比如是json使用 request.body 比如获取{“name”:”tony”}这个数据 ...
xhr.send( options.hasContent && options.data || null )；遇到这种错误的几种情况
weixin_46671666的博客
08-19 1万+
在进行ajax请求时，在浏览器端报415状态码，且详细情况报错内容为xhr.send( options.hasContent && options.data || null );详细情况如下图所示： 然后相应代码如下： 发送ajax请求部分： 后端部分： 然后正常情况的去百度这样的错误，看看如何解决，虽然也是找到了一些别人总结的错误情况以及解决办法，如这篇博客所说，但是这些情况均不适用于我的，解决不了我的问题。 最终，经他人点拨，找出了错误，在ajax请求中，contentType
前端学习 FreeCodeCamp html 注册表单
最新发布
03-20
前端学习 FreeCodeCamp html 注册表单
HTML学习笔记（五）——表单
01-08
新的HTML5对目前的Web表单进行了全面的提升，HTML5 的一个重要的特性就是对表单的改进。过去，需要编写 JavaScript 以增强表单行为——例如，要求访问者提交表单之前必须填写某个字段。HTML5 通过引入新的表单元素、...
表单结构与表单对象学习笔记
01-20
表单有两个重要组成部分：一是描述表单的HTML的源代码；二是用于处理用户在表单域中输入信息的服务器端应用程序或客户端脚本，如Asp、net、JSP、JavaScript 等。 二.基本语法： ... ... ... ... 1.单行文本输入框 ...
HTML的form表单标签用法学习教程
12-13
HTML中表单可以用来搜集用户各种类型的输入信息。表单实际上是包含表单元素的区域，在这个区域中的各种元素的输入信息最终都将通过表单提交到程序脚本中。例如常见的有用户登录、注册、发布文章等等，都是通过表单...
ajax以及ajax常见错误
Nany
05-08 613
ajax：Asynchronous Javascript And XML，但是现在都是把XML（DOM）换成json！！！ 是ajax救活了JS！！！ XMLHttpRequest对象很重要！！！ open是准备 send是发送，当发送到controller时，controller不要跳转页面（不是很能理解？？？） 分清哪些是属性哪些是方法！ js判断假只有几种 0 false NA...
ThinkPHP 基本注意事项
TJT999
04-10 3923
1. 缓存修改模版后要及时删除缓存，否则不能生效。2. 控制器2.1 变量赋值注意变量用的''，而非$$this->assign('str',"Hello ThinkPHP!");而不是：$this->assign($str,"Hello ThinkPHP!");2.2 模版路径$this->display('default/Index/index'); 不要加后缀（.html或其它），否则报以下错误模板不存在[./Tpl/default/Index/index.html.html]3. 模版中变量显示{$
send()方法传递参数null的问题
q1054261752的博客
01-06 2927
虽然GET请求的请求参数是附加在URL之后的，但使用send方法时，还是应该为send方法传入参数。如果调用send方法时无须发送请求参数，则使用null作为参数即可。如果直接使用send()方法，则在Internet   Explorer中可以运行，而在Firefox中将不能正常运行。
post方法提交报400错误 xhr.send( ( options.hasContent && options.data ) || null );解决办法
热门推荐
IManiy的博客
10-30 2万+
问题：post报400错误 三种解决方法 一.参数有没有拼写错误 如：questDescribe写成questDscribe $.post("saveQuestion",{topicId:type,quesName:title,questDscribe:content},function (data) { if(data=1){ ...
html表单开发实例视频
05-31
很抱歉，我作为语言模型无法提供视频。但是我可以为您提供一些学习HTML表单开发的资源： 1. [W3Schools 表单教程](https://www.w3schools.com/html/html_forms.asp) - W3Schools 是一个非常出色的Web开发学习网站，提供了丰富的HTML表单教程和示例。 2. [MDN 表单教程](https://developer.mozilla.org/zh-CN/docs/Learn/Forms) - MDN 是Mozilla开发者网络的缩写，提供了深入的HTML表单教程和示例，适合进阶学习。 3. [YouTube HTML表单开发教程](https://www.youtube.com/watch?v=3Dk0Kv7BzJ4) - YouTube上有很多HTML表单开发教程视频，您可以根据自己的需求和喜好选择观看。 希望以上资源能够帮助到您。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值