html个人信息采集表格的简单使用

最新推荐文章于 2024-04-07 17:26:25 发布
最新推荐文章于 2024-04-07 17:26:25 发布
阅读量1.2w 收藏 17
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sugar_sugar_sugar/article/details/53888778
版权
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>个人信息填表</title>
</head>
<!-- 

表单标签:表单标签的作用是用于提交数据给服务器.
表单标签是form标签

action:该属性是用于指定提交数据的地址.
method:指定表单提交方式:
get:默认使用的提交方式.提交的数据会显示在地址栏上
post:提交数据是不会显示在地址栏.
注意:表单的数据如果需要提交到服务器上面,那么表单必须要有那么的属性值


-->
<body>
<form action="http://www.baidu.com" method ="post">
<table align="center" border = "1px" bordercolor="#0000FF" width="400px" height="500" cellpadding="0" cellspacing="0">
<caption><font size="+1" color="#FF9966" >个人信息收集表</font></caption>
<tbody>
<tr>
<th>用户名:</th>
<th><input type="text" name="userName"/></th>
</tr>
<tr>
<th>密码:</th>
<th><input type="password" name="passWord"/></th>
</tr>
<tr>
<th>性别</th>
<th>男<input type="radio" name="sex" checked = "true" value ="men"/> 女<input type="radio" name="sex" checked = "true" value ="woman"/> </th>
</tr>
<tr>
<th>爱好</th>
<th>电影<input name = "hobit" type = "checkbox" value="电影" /> 游戏<input name = "hobit" type = "checkbox" value="游戏" />小说<input name = "hobit" type = "checkbox" value="小说" /></th>
</tr>
<tr>
<th>城市</th>
<th><select name ="city">
<option value="bj">北京</option>
<option value="gx">广西</option>
<option value="xy">新余</option>
<option value="sz">深圳</option>
<option value="sd">山东</option></select>
</th></tr>
<tr>
<th>照骗</th>
<th><input type="file" name="image"/></th></tr>
<tr>
<th>个人简介</th>
<th><textarea name="文本域" rows="10" cols="30" ></textarea></th></tr>
<tr>
<th colspan="2" align="center" >
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
</th>
</tr >


</tbody>
</table>
</form>
</body>
</html>
sugar_sugar_sugar
关注
掌握常用HTML标签：创建个人简介网页
qq_40254606的博客
08-07 1097
声明文档类型为HTML5。它告诉浏览器使用HTML5标准来解析这个文档。: 定义整个HTML文档的根元素。所有其他HTML元素都包含在这个元素内。: 包含文档的元数据（如标题、样式、脚本）。这些内容不会直接显示在网页上。: 定义文档的字符编码为UTF-8，保证文档能够正确显示各种语言的字符。: 定义文档的标题，显示在浏览器的标题栏或标签页上。: 定义文档的主体内容，包含网页上显示的所有内容。现在我们在中添加一个标题和简介文本。
html实现表单数据收集,HTML表单
weixin_39957934的博客
06-07 1453
form表单有什么作用？有哪些常用的input 标签，分别有什么作用？１．form表单用于接收不同类型的用户输入，用户提交表单时向服务器传输数据，从而实现用户与Web服务器的交互。２．常用input标签有:text定义用于文本输入的单行输入字段(默认宽度为20个字符)；password定义密码字段；submit定义用于向表单处理程序提交表单的按钮；number用于应该包含数字值的输入字段；butt...
使用表单收集个人信息
最新发布
2303_76481866的博客
04-07 413
1.实验目的：熟练掌握在网页中创建表单的方法，掌握表单标记、输入标记、选择列表标记、文本域标记。2.实验原理。
HTML个人信息表（不带校验）
The_Best_Hacker的博客
09-18 2852
本文只为了熟悉一些功能，特写此代码 【一】代码实现： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;个人信息确认&lt;/title&gt; &lt;/head&gt; &lt
HTML表单用于收集,HTML表单
weixin_34857730的博客
06-16 345
HTML 表单用于收集用户输入。HTML表单是用户和web站点或应用程序之间交互的主要内容之一。它们允许用户将数据发送到web站点。大多数情况下，数据被发送到web服务器，但是web页面也可以自己拦截它并使用它。HTML表单是由一个或多个小部件组成的。这些小部件可以是文本字段(单行或多行)、选择框、按钮、复选框或单选按钮。表单元素元素该元素正式定义了一个表单，它是一个容器元素，同时它在客户端定义如...
HTML使用表格简单的制作个人简历
linana123456789的博客
06-02 438
HTML使用表格简单的制作个人简历 ●前提 掌握HTML 表单制作 ●基础知识 表单标签 表格标签 ●演示效果 ●代码演示 简历 006 个人简历 姓名 性别 出生年月
HTML5+CSS3 一个收集信息表单样例
qq_55786319的博客
09-23 834
以下是一个收集信息的表单样例 <!doctype html> <html> <head> <meta charset="utf-8"> <title> 注册页面 </title> <style type="text/css"> table {width:450px; border:1px solid red; background-color: #FFCB29; bord
HTML表单用于收集,HTML 表单用于收集不同类型的用户输入。表单是一个包含表单...
weixin_42540248的博客
06-16 621
该楼层疑似违规已被系统折叠隐藏此楼查看此楼HTML 表单用于收集不同类型的用户输入。表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签 来设置: input 元素 多数情况下被用到的表单标签是输入标签()。输入类型是由类型属性(type)定义的。...
学生信息管理系统（实现增删改查操作）Java+Servlet+HTML+CSS+数据库
12-09
Java+Servlet+HTML+CSS+数据库，实现的学生信息管理系统，实现了 新增和查询功能。 覆盖知识 java部分：程序基本概念、数据类型、流程控制、顺序、选择 、循环、跳转语句、变量、类、方法、实用类、JDBC、三层架构...
简洁整套后台管理系统html模板.rar
06-15
5. 控制面板：提供系统设置、个人信息修改等功能。 6. 表格与列表：展示数据的通用组件，支持排序、筛选、分页等操作。 7. 表单组件：如输入框、下拉选择、日期选择器等，用于数据录入和编辑。 8. 图表：饼图、柱状...
一个简单的学籍信息管理系统，基于PHP和Bootstrap的实现.zip
08-06
3. 数据库管理：学籍信息管理系统通常会与数据库进行交互，存储和检索学生的个人信息。可能使用的是MySQL或SQLite等关系型数据库，通过PHP的PDO（PHP Data Objects）扩展进行连接和操作。了解SQL语句，如SELECT、...
个人信息介绍网站模板
08-23
个人信息介绍网站模板是一款单页HTML5个人简历模板下载。
简单CMS后台管理系统html模板下载
12-04
【简单CMS后台管理系统html模板下载】是一个专门为内容管理系统（CMS）设计的后台界面模板集合，旨在为开发者提供一套直观、简洁且高效的管理界面。这个模板集合涵盖了常见的后台管理功能，适用于构建各种类型的Web...
HTML期末作业-基于HTML+CSS+JavaScript制作学生信息管理系统1页带增删改功能
qq_524614081的博客
11-21 532
HTML期末大学生网页设计作业 HTML+CSS+JS网页设计 采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为（1）html文件：其中index.html是首页、其他html为二级页面； （2）css文件：css全部页面样式,文字滚动, 图片放大等； （3）js文件：js实现动态轮播特效, 表单提交, 点击事件等等（网页中运用到js代码）(1)首页：进入网页中看到的第一个页面(LOGO、公司名称、导航、banner
html完整结构代码,html代码大全,搜集最全的html代码
weixin_39720662的博客
06-08 893
《html代码大全,搜集最全的html代码》综合了互联网上html代码的搜集，是目前最为齐全、最完备的html代码使用工具，html代码也是最简单最常用的网页代码，需要制作网页的站长可以以此作为蓝本，一定能制作出最完美的网页。1.结构性定义文件类型 (放在档案的开头与结尾)文件主题 (必须放在「文头」区块内)文头 (描述性资料，像是「主题」)文体 (文件本体)(由浏览器控制的显示风格)标题...
table表格个人简历
qq_59712489的博客
12-03 143
Document table{
个人信息表：（增删查）
nyf19980311的博客
11-23 368
var app = angular.module("myApp",[]);    app.controller("myCtrl",function($scope){     $scope.paixu="-age";     $scope.student = [{name:"张三",age:45,pinyin:"zhangsan",work:"总经理"},                  
html表格之个人简历
热门推荐
qianqianyunyan的博客
07-18 1万+
html表格属性制作个人简历（简易版）
html个人信息表制作（适合初学者）
qq_51730402的博客
12-04 4267
html个人信息表制作（适合初学者）
html学生信息管理系统只用前端
01-07
HTML学生信息管理系统只用前端的实现是完全可行的。前端主要负责展示数据和用户交互，通过HTML、CSS和JavaScript来完成页面设计、样式美化和功能实现。 首先，利用HTML标签和属性可以构建学生信息管理系统的各个页面。例如，使用<div>、<table>、<form>等标签来创建页面的整体结构和布局，使用<input>、<select>、<textarea>等标签来实现输入框、下拉列表和文本域等表单元素。这样，可以通过HTML语法将学生的个人信息和相关操作展示在页面上。 其次，使用CSS可以美化学生信息管理系统的界面。通过定义样式表，我们可以设置页面的颜色、字体、大小、边距等属性，从而使系统界面看起来更加美观。同时，利用CSS的选择器可以实现表格的斑马线效果、按钮的悬停和点击效果等，增强用户的视觉体验。 最后，通过编写JavaScript代码可以实现学生信息管理系统的各种交互功能。例如，可以利用DOM操作获取用户输入的信息并进行表单验证，确保数据的正确性。同时，可以使用事件处理函数来响应用户的操作，比如添加学生信息、删除学生信息和修改学生信息等。此外，还可以通过JavaScript发送Ajax请求与后台进行数据交互，实现学生信息的增删改查等功能。 综上所述，利用HTML、CSS和JavaScript可以实现一个基本的学生信息管理系统的前端部分。当然，这只是一个简单的例子，实际项目中可能还需要其他技术的配合，如数据库和服务器端编程等。但在只用前端的情况下，我们可以通过这些前端技术来搭建一个简单、可交互的学生信息管理系统。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值