HTML表单

最新推荐文章于 2024-07-08 16:10:56 发布
最新推荐文章于 2024-07-08 16:10:56 发布
阅读量59 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_58811578/article/details/117467109
版权

所有的表单交互元素都包含在<form>

rowspan=" "行合并   colspan=" 列合并"

 

一个自我简介表单

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title>个人简历</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" type="text/css" media="screen" href="main.css" />

<script src="main.js"></script>

<style>

td{

height:30px;

width:100px;

text-align:center;

}

input{

border: none;

overflow: hidden;

height: 100%;

width: 100%;}

</style>

</head>

 

<body>

<form action="">

<table border="1" cellpadding="10px" cellspacing="0px" align="center">

<caption><h2>个人简历</h2></caption>

<tr align="center">

<td>姓名</td>

<td ><input type="text"></td>

<td>性别</td>

<td><input type="text"></td>

<td>出生年月</td>

<td><input type="text"></td>

<td rowspan="3"><input type="file"name="upfile" value="选择文件"></td>

</tr>

<tr align="center">

<td>民族</td>

<td><input type="text"></td>

<td>政治面貌</td>

<td><input type="text"></td>

<td>身高</td>

<td><input type="text"></td>

</tr>

<tr align="center">

<td>学制</td>

<td><input type="text"></td>

<td>学历</td>

<td><input type="text"></td>

<td>户籍</td>

<td><input type="text"></td>

</tr>

<tr align="center">

<td>专业</td>

<td><input type="text"></td>

<td colspan="2">毕业学校 </td>

<td colspan="3"><input type="text"></td>

</tr>

<tr align="center" >

<td colspan="7">技能,特长或爱好</td>

</tr>

<tr align="center">

<td>外语等级</td>

<td colspan="2"><input type="text"></td>

<td>计算机</td>

<td colspan="3"><input type="text"></td>

</tr>

<tr align="center">

<td colspan="7">个人简历</td>

</tr>

<tr align="center">

<td >时间</td>

<td colspan="2">单位</td>

<td colspan="4">经历</td>

</tr>

<tr>

<td></td>

<td colspan="2"><input type="text"></td>

<td colspan="4"><input type="text"></td>

</tr>

<tr>

<td></td>

<td colspan="2"><input type="text"></td>

<td colspan="4"><input type="text"></td>

</tr>

<tr>

<td></td>

<td colspan="2"><input type="text"></td>

<td colspan="4"><input type="text"></td>

</tr>

<tr align="center">

<td colspan="7">联系方式</td>

</tr>

<tr align="center">

<td>通讯地址</td>

<td colspan="2"><input type="text"></td>

<td>联系电话</td>

<td colspan="3"><input type="text"></td>

</tr>

<tr align="center">

<td>E-mail</td>

<td colspan="2"><input type="text"></td>

<td>邮编</td>

<td colspan="3"><input type="text"></td>

</tr>

<tr align="center">

<td colspan="7">自我评价</td>

</tr>

</table>

</form>

</body>

</html>

 

 

 

云 殇
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML 表单和验证
weixin_44212853的博客
06-16 3222
必填：required。写在input上。鼠标聚焦：刷新时聚焦：autofocus。写在input上。点击提示文字，聚焦到输入框：标题和input 表单不验证，解除required等：表达验证：pattern=“正则表达式 ”历史记录联想：autocomplete=“on/off”表单下拉提示框:注意list="province"和id=“province” search伪类元素美化 number表单设置最大长度，无法使用maxlength等，以下使用js方法 设置步长:点击按
html表单实验总结,html表单知识的相关总结
weixin_34307029的博客
06-09 2735
表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分： 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。1. ht...
HTML 表单制作
千寻的博客
09-19 2万+
HTML 表单 用于收集不同类型的用户输入。 表单是一个包含表单元素的区域 表单元素是允许用户在表单中输入内容, 比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等 表单使用表单标签 来设置 HTML 表单-输入元素 多数情况下被用到的表单标签是输入标签（）。 输入类型是由类型属性（type）定义的。 文本域（Text Fie...
HTML表单（详解网页表单如何实现）
百赢出品，必属精品
04-24 2464
HTML 表单用于收集用户的输入信息。HTML 表单表示文档中的一个区域，此区域包含交互控件，将用户收集到的信息发送到 Web 服务器。HTML 表单通常包含各种输入字段、复选框、单选按钮、下拉列表等元素。元素用于创建表单，action属性定义了表单数据提交的目标 URL，method属性定义了提交数据的 HTTP 方法（这里使用的是 "post"）。元素用于为表单元素添加标签，提高可访问性。
html表单提交
THE ORDER
02-02 8369
1. 表单属性设置 <form>标签 表示表单标签，定义整体的表单区域 action属性 设置表单数据提交地址 method属性 设置表单提交的方式，一般有“GET”方式和“POST”方式, 不区分大小写 2. 表单元素属性设置 name属性 设置表单元素的名称，该名称是提交数据时的参数名 value属性 设置表单元素的值，该值是提交数据时参数名所对应的值 3. 示例代码 <form action="https://www.baidu.com" method="GET">
HTML表单制作
jxcklfn的博客
05-25 2197
为什么写表单？（目的是为了收集用户信息） 表单的组成：表单域、表单控件（也称表单元素）和提示信息3个部分构成。 在HTML中，<form>标签用于定义表单域，以实现用户信息的收集和传递 <form>会把它范围内的表单元素信息提交给服务器 <form action=''url地址'' methid=''提交方式'' name=''表单域名称''> 各种表单元素的控件 </form> input输入表单元素 <input>标签.
html表单
huangyh技术栈
08-30 7924
1.1 表单标签作用： 作用：将客户端的数据提交给服务器，（表单是客户与服务器交互的一种方式）。 可见性：在网页上是不可见的。 1.2 form常用的属性： form标签是表单标签的一个根标签。 常用属性 作用 action 提交给服务器的地址 method 提交数据给服务器的方式，主要有两种方式：GET（默认）或POST 1.3 GET与POS...
HTML 表单标签
weixin_45904557的博客
02-28 8008
一、什么是表单标签 表单是用来采集用户的输入数据，然后将数据提交给服务器 二、表单的组成 一个表单有三个基本组成部分： ①表单标签：这里面包含了处理表单数据所用程序的URL以及数据提交到服务器的方法。 ②表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 ③表单按钮：包括提交按钮、复位按钮和一般按钮； 三、表单标签 表单标签＜form＞＜/form＞ 功能：用于申明表单，定义采集数据的范围，也就是＜form＞和＜/form＞里面包含的数据
Html的表单
热门推荐
wenqi1的博客
08-21 3万+
一、表单基础内容： 表单一般使用form标签包裹，每一个表单选项都用input表示 text表示明文文本框， password表示暗文文本框， radio表示单选， checkbox表示复选框， check = "chcked"表示默认选择，应用于单选和复选 button表示按钮，value表示按钮的名字 reset表示重置按钮 image表示图片 submit表示提交，value表示提交键的名字 date表示日期 email表示邮箱 number表示数字 &nbsp;表
html表单标签与表单设计
z55947810的博客
04-17 4866
刚刚接触前端的HTML，练习并记录程序。 下面是对HTML表格的整理并总和在一起做的一个小练习。 IDE：VScode 主要框架是自动生成的，body内为自己编写内容。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="view...
20.4 HTML 表单1
08-04
在网页设计中，HTML表单扮演着至关重要的角色，它们允许用户与网站进行互动，如填写信息、搜索内容、提交反馈等。本主题主要探讨“20.4 HTML 表单1”的相关知识点。 一、HTML表单基本结构 HTML表单通过`<form>`...
HTML 表单组件实例代码
12-14
HTML 表单用于搜集不同类型的用户输入。下文通过代码给大家分享html 表单组件实例代码，感兴趣的朋友参考下吧 废话不多说了，直接给大家贴代码了，具体代码如下所示： <!DOCTYPE html> <html> <head&gt...
深入理解html表单输入监听
09-28
下面小编就为大家带来一篇深入理解html表单输入监听。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
表单智能填充，数据复制到文本域，智能填充到表单，html表单提交
05-27
html，表单自动填充，避免重复性工作，一个一个填写，复制粘贴到文本域，自动识别对应表单属性，复制之后自动识别，点击提交就行了。超级简单，有什么不懂的可以直接私信问我。
HTML表单标记教程(3):输入标记
12-13
HTML表单标记教程,这节主要讲解如何在网页中使用INPUT标记,主要介绍INPUT标记的属性的使用. 输入标记<input>是表单中最常用的标记之一。常用的文本域、按钮等都使用这个标记。 基本语法 01 <Form> 02 &...
HTML【详解】超链接 a 标签的四大功能（页面跳转、页内滚动【锚点】、页面刷新、文件下载）
朝阳39的博客
07-05 431
访问接口，返回文件流进行下载时，也会用到！
【HTML】-解决页面内容无法选择、复制问题
宣晨光
07-06 208
1、使用【Simple AllowCopy】 插件 2、移除CSS样式webkit-user-select: none; user-select: none;
nodejs md文件转html
C or CPP
07-03 199
我直接读取md文件转换结果有误，第1行本应是标题1却变成了段落。文件内容跟上面字符串完全一样。后来打印二进制才知道从文件读取的前面多了些东西，原因是文件用了UTF8 BOM编码，最后改成UTF8编码问题解决。
HTML最快速最简单
最新发布
07-08 143
HTML 元素以开始标签起始，HTML 元素以结束标签终止空元素在开始标签中进行关闭（以开始标签的结束而结束）元素的内容是开始标签与结束标签之间的内容。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值