**HTML表单的制作 示例**

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

HTML表单的制作 示例

注册信息 
<body>
	<form name="regForm" method="post" action="https://www.baidu.com">
	<!--
		label:易用性，用户点击label标签中的内容，可以自动选中文本框
		id:对应元素的身份信息
		maxlength：输入文本框的最大长度
	-->
		<label for="username">用户名：</label><input id="username" type="text" maxlength="10"/><span style="color:red">&emsp;*</span><br/><br/>
		密码：&nbsp;&nbsp;&nbsp;<input type="password"/><br/><br/>
		性别：<input type="radio" name="sex" value="male"/>男
			  <input type="radio" name="sex" value="female" checked="checked"/>女<br/><br/>
		兴趣爱好：<input type="checkbox" name="football" value="football" disabled="disabled"/>足球
				<input type="checkbox" name="basketball" value="basketball"/>篮球
				<input type="checkbox" name="tennis" value="tennis"/>网球
				<input type="checkbox" name="table tennis" value="table tennis"/>乒乓球<br/><br/>
		<input type="hidden"/><!--隐藏域：将保密安全性级别较高的内容隐藏起来-->
		上传文件：<input type="file"/><br/><br/>
		上传图片：<input type="image" width="100px" height="50px" src="taobao.png"/><br/><br/>
		
		普通按钮：<input type="button" value="普通按钮调用js后不再普通，有功能了" onclick="myfun()"/><br/><br/>
		提交按钮：<input type="submit" value="注册"/><br/><br/>
		重置按钮：<input type="reset" value="重置"/><br/><br/>
		
		<select id="city" size="2" multiple="multiple">
			<option value="shanghai">上海</option>
			<option selected="selected">杭州</option>
			<option>宁波</option>
			<option>北京</option>
			<option>重庆</option>
		</select><br/><br/>
		
		<select id="city1" multiple="multiple" size="7">
			<optgroup label="一线城市">
				<option>上海</option>
				<option>北京</option>
				<option>深圳</option>
				<option>广州</option>
			</optgroup>
			
			<optgroup label="二线城市">
				<option>杭州</option>
				<option>重庆</option>
				<option>武汉</option>
				<option>南京</option>
			</optgroup>

		</select>
		
	</form>
</body>
# 欢迎使用Markdown编辑器

你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

新的改变

我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

  1. 全新的界面设计 ，将会带来全新的写作体验；
  2. 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
  3. 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
  4. 全新的 KaTeX数学公式 语法；
  5. 增加了支持甘特图的mermaid语法1 功能；
  6. 增加了 多屏幕编辑 Markdown文章功能；
  7. 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能，功能按钮位于编辑区域与预览区域中间；
  8. 增加了 检查列表 功能。

功能快捷键

撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜体：Ctrl/Command + I
标题：Ctrl/Command + Shift + H
无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C
插入代码：Ctrl/Command + Shift + K
插入链接：Ctrl/Command + Shift + L
插入图片：Ctrl/Command + Shift + G
查找：Ctrl/Command + F
替换：Ctrl/Command + G

合理的创建标题，有助于目录的生成

直接输入1次#，并按下space后，将生成1级标题。
输入2次#，并按下space后，将生成2级标题。
以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

如何改变文本的样式

强调文本 强调文本

加粗文本 加粗文本

标记文本

删除文本

引用文本

H2O is是液体。

210 运算结果是 1024.

插入链接与图片

链接: link.

图片: Alt

带尺寸的图片: Alt

居中的图片: Alt

居中并且带尺寸的图片: Alt

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

如何插入一段漂亮的代码片

去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.

// An highlighted block
var foo = 'bar';

生成一个适合你的列表

  • 项目
    • 项目
      • 项目
  1. 项目1
  2. 项目2
  3. 项目3
  • 计划任务
  • 完成任务

创建一个表格

一个简单的表格是这么创建的：

项目 Value
最低0.47元/天 解锁文章
马文才
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用css美化html表单控件详细示例(表单美化)
09-28
主要介绍了使用css美化html表单控件详细示例(表单美化),需要的朋友可以参考下
HTML表单标签大全并附有详细代码+案例
小新的博客
08-13 5256
HTML表单标签 HTML 表单用于搜集不同类型的用户输入。 一个完整的表单包含三个基本组成部分：表单标签、表单域、表单按钮。 1. 表单标签 HTML 表单用于收集用户输入，表单使用 标签创建。表单可包含文本字段、复选框、单选框、提交按钮等等。 注意：元素是块级元素，其前后会产生折行。
HTML中的表格和表单（含有示例代码）
热门推荐
weixin_57197500的博客
05-20 4万+
表格 表格的基本构成标签 table标签：表格标签 caption标签：表格标题 tr标签：表格中的行 th标签:表格的表头 td标签：表格单元格 表格的基本结构 <table>定义表格 <caption>表格标题</caption> <tr>定义表行 <th>定义表头</th> </tr> <tr&g...
HTML 表格 表单的制作
m0_60045654的博客
10-21 6550
表格是一种二维结构，横行纵列。表格由单元格组成。每一行有相同的列数（单元格），每一列有相同的行数（单元格）同一列的单元格，宽度（以最大的为准）相同，同列等宽；同行等高。从服务器角度讲，收集用户的输入数据。从客户端角度来讲，向服务器提交数据的位置。本站搜索<input type="submit" name="button" id="button" value="搜索"></form>
使用HTML语言和JAVA语言编写一份表单
m0_65358564的博客
10-15 2851
使用HTML语言和JAVA语言制作一份表单
html: 表单form，表格table
qq_60839348的博客
11-14 2055
html: 表单form，表格table
html表单制作及实例 + 打卡表单设计
11-12
在本教程中，我们将深入探讨HTML表单的制作及其在实际应用中的实例，特别是如何设计一个打卡表单。 一、HTML表单基本结构 HTML表单由`<form>`标签定义，它包含了用户输入的各种控件，如文本框`<input type="text">`...
HTML网页制作ppt课件.ppt
11-13
* HTML可用于控制页面和内容的外观、发布和检索联机文档、创建联机表单、插入诸如音频剪辑和视频剪辑等对象 三、HTML文档示例 * HTML文档的基本结构：<HTML><HEAD><TITLE>学习HTML</TITLE></HEAD><BODY BGCOLOR = ...
html网页制作手册.zip
08-20
《HTML5开发手册》总共分为15章，先后讲解了HTML5中新增的元素、浏览器对HTML5的支持、CSS3中的新布局和样式、HTML5 Web表单、多媒体技术、地理定位API、客户端存储、WebSocket API，以及集成设备数据等内容。...
HTML第三章 form表单(详解，内含详细代码示例)
a2499797637的博客
10-01 2630
1.特点 2. 表单的语法和属性 3. 表单的控件分类 4. input元素 5. select和下拉选择框 6. textarea多行文本域 7.label关联控件
初学者：html中的表单详解（下面附有代码）
lyclyc_的博客
05-31 1万+
表单的理解与解释 表单：采集不同类型的用户输入数据，发送给服务器，实现用户和服务器之间的数据交互。 表单标签form 声明数据采集的范围，只要是在form中的，都是要采集的数据。 一个页面中可以有多个form标签，只能是并列关系，不能嵌套。只能是兄弟关系，，不能是父子关系。用户向服务器端发送数据时，一次只能提交一个表单中的数据。如果要提交多个表单就需要用js中的异步交互。 表单元素 method属性：提交表单时所用的http方法，默认为get方法。 get方式：将数据作为url地址的一部分发送给服务器
HTML 表单制作
千寻的博客
09-19 2万+
HTML 表单 用于收集不同类型的用户输入。 表单是一个包含表单元素的区域 表单元素是允许用户在表单中输入内容, 比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等 表单使用表单标签 来设置 HTML 表单-输入元素 多数情况下被用到的表单标签是输入标签（）。 输入类型是由类型属性（type）定义的。 文本域（Text Fie...
html 简单表格代码
weixin_42630877的博客
07-17 4万+
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;table style="withd:600px" border="1"&gt; &lt;capti
HTML-简单表单制作
weixin_43614787的博客
11-26 6195
模板 &lt;!DOCTTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"/&gt; //此处为输入文本格式，避免乱码现象 &lt;title&gt;此处输入内容&lt;/title&gt; &lt;style type="text/css"&
HTML基础之表单制作
TangJing_的博客
05-14 2万+
一、知识点 1、表单的作用： 信息的收集 数据的验证 在线考试 调查问卷 2、表单的构成 提示性文字：提示用户如何操作（一般由placeholder属性完成） 表单域：相当于一个容器，包含若干表单控件 表单控件：具体的功能项（按钮，下拉列表，输入框等） 3、表单域 <form action="远程服务器的URL(存放地址)" method="信息的提交方式" name="表单名"> 表单内容 </form> 4、表单控件 （1）input：输入框。都有val
html表单制作及实例
最新发布
专注java二开部署
01-01 1575
这个表单包含了文本输入、电子邮件输入、密码输入、下拉列表和文本框等多种类型的输入。这个表单有两个文本输入字段（名和姓），一个提交按钮，当用户点击提交按钮时，数据会以POST方式发送到服务器的"/submit_form"地址。注意：这只是一个基本的表单，实际上你可能需要包含更多的HTML元素，例如复选框，下拉列表，单选按钮等，以及更复杂的验证和错误处理机制。除了上述的表单元素，HTML表单还可以包括一些用于验证用户输入的元素和特性。属性来定义一个正则表达式，以验证用户输入的数据是否符合特定的格式。
【HTML/CSS】简单登录注册表单制作
m0_49442965的博客
11-09 3929
Microsoft Edge这个浏览器就不显示（支持）background-size包含在background这个复合属性里面。上述这种写法是对的，我的HTML书本上还包含有background-size属性，我建议这个单独写，至于正则表达式，我还是喜欢在JS里面单独判定给出提示。
【HTML】HTML实现简单表单（不含验证）
A Lucky Boy的博客
02-19 4765
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>这是.
使用HTML创建表单
weixin_65905274的博客
03-18 2235
<form></form>标记被用于定义表单域，即创建一个表单。action、method、name为表单标记<form>的常用属性。 action属性用于指定接收并处理表单数据的服务程序的。 method属性用于设置表单数据的提交方式，其取值为get或post。 name属性用于指定表单的名称，以区分一个页面中的多个表单。 autocomplete属性用于指定是否自动完成功能。“自动完成”是指表单控件输入的内容记录下来，当再次输入时，会将输入的历史记录显示在一个
html表单制作
05-25
以下是制作HTML表单的基本步骤： 1. 使用HTML中的`<form>`元素创建表单，定义表单的属性，例如method和action等。 2. 在表单中添加各种输入元素，例如文本框、单选框、复选框、下拉列表等。每个输入元素都需要一个...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值