web写一个表单

已于 2022-05-10 20:03:30 修改
阅读量1.4k 收藏 6
点赞数
分类专栏： web 文章标签： 前端 linq webview html
于 2022-05-10 19:59:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_53345417/article/details/124696056
版权

代码如下：

<html>
<head>
<title>学生信息采集</title>
</head>
<body>
<form action="test.jsp" method="post">
<center><font  size="5"face="楷体">个人信息采集</front></center>
<hr/>
<font  size="2"face="宋体"></front>
姓名:<input type="text"name="username"/><br/>
性别:<input type="radio"name="userSex"/>男&nbsp&nbsp&nbsp    
        <input type="radio"name="userSex"/>女<br/>
年级:<select name="userGrade">
        <option value="1">一年级</option>
        <option value="2">二年级</option>
        <option value="3">三年级</option>
        <option value="4">四年级</option>
        <option value="5">研究生</option>
        </select><br/>
掌握语言:<input type="checkbox"name="langC"/>C/C++    
              <input type="checkbox"name="langP"/>python   
              <input type="checkbox"name="langJava"/>java<br/>
照片:<input type="file" name="userPhoto"/><br/>
备注:<textarea rows="5" cols="60"> </textarea>
<hr/>
<input type="submit"name="submit"value="提交"/>
<input type="reset"name="reset"value="清除"/>
</form>   
</body>
</html>

这个就是初次接触web编程进行的练习，代码很简单也很易懂。救是对各种要求的书写即可radio就是多选一CheckBox就是多选多select就是下拉菜单进行选择。仅此而已没有什么高深的语法。

执行效果如下：

 

用编程写诗
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
HTML笔记（二）
qwq_666的博客
12-18 392
表单 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表单form</title> </head> <body> <!-- 1.表单有什么用？ 收集用户信息。表单展现之后，用户填写表单，点击提交按钮提交数据给服务器 2.如何画表单 使用form标签画表单 3.一个网页当中可以有多个表单
web应用开发学习——表单
学习记录
03-02 1440
一、学习内容 利用工具phpstudy构建实验环境；运用课程所学变现代码编写左侧控件；在表单页面嵌入自己最喜欢的背景音乐；在表单页面嵌入自己最喜欢的背景音乐；在控件点击OK按钮后，在页面上显示每一个控件用户输入的值。学习flask相关知识获得表单内容。 二、实验过程 1.创建一个新的HTML文档，获得一个完整的文档结构。 2.利用title定义文档标题。 3.利用audio来循环播放一首音乐，应用controls autoplay loop 实现循环播放。 4.制作网站标题，总共可以用h1、h2、
JSP 表单处理
01-08
JSP 表单处理 我们在浏览网页的时候，经常需要向服务器提交信息，并让后台程序处理。浏览器中使用 GET 和 POST 方法向服务器提交数据。 GET 方法 GET方法将请求的编码信息添加在网址后面，网址与编码信息通过”?”号分隔。如下所示： http://www.mscto.com/hello?key1=value1&key2=value2 GET方法是浏览器默认传递参数的方法，一些敏感信息，如密码等建议不使用GET方法。 用get时，传输数据的大小有限制 （注意不是参数的个数有限制），最大为1024字节。 POST 方法 一些敏感信息，如密码等我们可以通过POST方法传递，POST提交
JSP表单实例
qq_41835813的博客
05-15 2368
<form action="" method="post"> <table border="1" cellspacing="" cellpadding=""> <tr><td align="center" colspan="2">用户注册页面</td></tr> <tr><...
Web前端笔记+表单练习+五彩导航
最新发布
Venchill的博客
03-22 981
表单：数据交互的一种方式登录、注册、搜索<from><input type="text"> --- 普通输入框，内容在一行显示<input type="password"> --- 密码框<input type="radio">男 --- 单选框eg：性别<input type="radio">男 等等name属性，表明是一组单选eg：<input type="radio"name="sex">男<input type="radio"name="sex">女。
jsp实现表单页面的制作,并且通过信息的提交输出提交的信息的内容
girls的博客
05-27 1万+
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <form.
web怎么用代码创造表格_web端表格设计，怎么做？
weixin_39873356的博客
12-03 2704
为大家梳理一个web表格设计框架，希望能够给大家带来完整的不一样的内容。全文12,598字 ，预计阅读30分钟，建议收藏。在网页或桌面端为载体的B端产品和生产力工具中，越来越多的设计师需要和数据打交道，查询和处理数据的能力是当前正在设计的大多数产品的关键要求之一，表格被公认为是展现数据最为清晰、高效的形式之一，也是世界上最常用的用户界面工具，其重要性不言而喻。1. 表格的布局与构成 表格，展示行列...
web程序设计笔记（七）——表单
在下小黄的博客
09-27 667
大家好 ！ 我是【小黄】，因为我姓黄所以就叫小黄好了。 这博客是对自己学习和成长的一点点总结及记录，如果您对我写的还感兴趣 ， 可以关注一下我的动态，我们一起学习 、共同成长和进步。 书本太薄写尽心中所想，却看不到来日方长。 杯盏太浅盛的下唇齿留香，却品不尽尘世沧桑。 余生太短，饮下杯中美酒，愿能忘却忧愁。 既然此生不能再回首，那就潇洒风流的向前走。 就算前路荆棘若虎口，至少还有我和温柔。 ♡♡♡♡ ♡♡♡♡♡♡ ♡♡♡♡ ♡♡♡♡♡♡ 创建时间： 2020年9月27日 软件版本：H...
Web前端之表格
花&败
10-29 5441
同样在网页中我们也需要使用表格，我们通过table标签来创建一个表格在table中使用tr表示表格中的一行，有几个tr就有几行在tr中使用td表示一个单元格，有几个td就有几个单元格rowspancolspan。
HTML-表单（非常详细）
热门推荐
南劲竹的博客
08-31 7万+
  表单语法 &lt;form method="post"（规定如何发送表单数据 常用值：get|post） action="result.html"&gt;（表示向何处发送表单数据） &lt;p&gt; 名字：&lt;input name="name" type="text" &gt; &lt;/p&gt; &lt;p&
Web作业表单的制作
excellentOneBoy的博客
12-13 1379
Web表单
PHP Web表单生成器案例分析
10-15
主要介绍了PHP Web表单生成器,结合具体案例形式分析了PHP Web表单生成器基本功能需求、实现方法与操作注意事项,需要的朋友可以参考下
Javascript 同时提交多个Web表单的方法
10-30
1 问题来自一位网友的提问： web页面里有多个表单，每个表单对应着某一类数据操作。
Python Flask-web表单使用详解
09-21
主要为大家详细介绍了Python Flask-web表单的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Java web解决表单重复提交问题
01-21
我们大家再进行web开发的时候，必不可少会遇见表单重复提交问题。来给总结如何解决表单提交问题，欢迎大家交流指正。 　首先我们在讨论如何解决表单重复提交问题之前先来解决三个问题:1.什么叫表单重复提交？2.什么...
web学习一：简单的写一个填写信息的表单
weixin_44814698的博客
09-05 1071
简单的写一个表单 代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <style> table{ border: 1px solid beige; }
Web前端——HTML表单及表格
qq_25592087的博客
09-26 1331
3、form的属性：（1）action：放置后台地址 （2）method：请求方式 get post。代表表头 代表行 代表表头中的列。 元素在 元素中使用，用来声明允许用户输入数据的 input 控件。代表表身体 代表行 代表表身体中的列。label标签中for属性的属性值和表单中的id属性值保持一致。1、在html中，通常把form标签称为表单。
Web前端基础知识 表格，表单（申请表制作）
m0_60033230的博客
04-07 1138
表单，表格，申请表制作
在输入框后面提示错误_交互细节研究：错误信息提示在表单中的最佳位置
weixin_40002846的博客
12-03 674
最常见的错误信息提示放置位置是表单的上方或内部，那么哪个位置对用户来说体验更好呢？在你的表单设计中，你会把错误信息提示放在哪个位置呢？如果它们不符合用户预期，就可能成为用户体验上的障碍。试想，当用户输入错误的信息时，他们首先需要理解错误是什么，然后才是修正错误、重新提交表单。但如果这个过程太费劲，他们可能就会选择放弃继续填写。表单上方的有效性 VS 内部的有效性最常见的错误信息提示放置位置是表单的...
利用vs code写一个web表单
03-29
很高兴为您提供此任务的解决方案。下面是一个基本的HTML表单示例，您可以将其复制并在VS Code中粘贴，然后根据需要进行修改： ```html <!DOCTYPE html> <html> <head> <title>Web表单</title> </head> <body> <form> <label for="name">姓名：</label> <input type="text" id="name" name="name"><br> <label for="email">电子邮件：</label> <input type="email" id="email" name="email"><br> <label for="password">密码：</label> <input type="password" id="password" name="password"><br> <label for="gender">性别：</label> <input type="radio" id="male" name="gender" value="male"> <label for="male">男</label> <input type="radio" id="female" name="gender" value="female"> <label for="female">女</label><br> <label for="country">国家：</label> <select id="country" name="country"> <option value="china">中国</option> <option value="us">美国</option> <option value="uk">英国</option> </select><br> <label for="comments">评论：</label> <textarea id="comments" name="comments"></textarea><br> <input type="submit" value="提交"> </form> </body> </html> ``` 此表单包括以下元素： - 姓名：文本输入框 - 电子邮件：电子邮件输入框 - 密码：密码输入框 - 性别：单选按钮 - 国家：下拉菜单 - 评论：多行文本框 - 提交按钮 您可以根据需要添加或删除元素，样式表等。祝您好运！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

用编程写诗

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值