6.5w+
社区成员
学习HTML制作表单
<!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="HTML.html" method="get">-->
<!--<form action="" method="post">
<!–文本输入框：input type="text"–>
<p>名字: <input type="text" name="username"> </p>
<!–密码框：input type="password"–>
<p>密码: <input type="password" name="pwd"> </p>
<p>
<input type="submit"><!–提交–>
<input type="reset"><!–重置–>
</p>
value="请输入名字":默认初始值
maxlength="4" ：最多能输入多少个字符
size="10"：文本框长度
</form>-->
<form action="test.html" method="get">
<!--文本输入框：input type="text"，hidden:隐藏-->
<p>名字: <input type="text" name="username" hidden> </p>
<!--表单初级验证1.placeholder：提示信息 2.required:不能为空-->
<p>账号：<input type="text" name="id" placeholder="请输入数字账号" required></p>
<!--密码框：input type="password"，readonly：只能读不能写-->
<p>密码: <input type="password" name="pwd" value="现在只能读不能写" readonly></p>
<!--单选框标签：input type="radio"，value=""：单选框的值，name=""：表示组-->
<p>性别：
<input type="radio" value="boy" name="sex" required>男
<input type="radio" value="girl" name="sex" required>女
</p>
<!--
input type="checkbox":多选框标签
checked:默认选中
-->
<p>爱好：
<input type="checkbox" value="sleep" name="like" checked >睡觉
<input type="checkbox" value="sing" name="like" >唱歌
<input type="checkbox" value="playGames" name="like" >打游戏
</p>
<!--input type="button"：普通按钮
input type="image"：图片按钮(点击提交到表单提交的位置)
-->
<p>按钮：
<input type="button" name="dd" value="点击这里">
<input type="image" src="../img\0e275a4acf15273bab2eb6db2939a300_482x264.jpg" width="100px" height="50px" >
</p>
<!--1.下拉框，列表框:select 2.selected:默认选中-->
<p>国家：
<select name="列表名称" >
<option value="china" >中国</option>
<option value="india">印度</option>
<option value="usa" selected>美国</option>
</select>
</p>
<!--1.文本域:textarea 2.name:里面填英文，避免乱码问题-->
<p>反馈：
<textarea name="textarea" cols="30" rows="10" placeholder="请输入您的宝贵意见" required></textarea>
</p>
<!--input type="file"：文件域-->
<p>
<input type="file" name="files">
<input type="button" value="点击上传" name="upload">
</p>
<!--pattern：正则表达式-->
<p>邮箱：
<input type="email" name="email" pattern="^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$" >
</p>
<p>URL:
<input type="url" name="url" >
</p>
<!--step:一次增加的值-->
<p>数字：
<input type="number" name="number" max="100" min="0" step="10" >
</p>
<!--滑块，调节音量:input type="range"
step="10":每次调节的范围
-->
<p>音量：
<input type="range" name="voice" min="0" max="100" step="10">
</p>
<p>搜索框：
<input type="search" id="dd" name="search">
</p>
<p>
<!--label:增强鼠标的可用性-->
<label for="dd">点击我会调到id=""标记的文本框</label>
</p>
<p>
<br>
<input type="submit"><!--提交-->
<input type="reset"><!--重置-->
<!--input type="reset"：清空表单属性
value=""：可以给表单赋值，相当于给个表单名字
disabled:禁用该按钮
-->
<input type="reset" value="清空表单" disabled>
</p>
<!--表单初级验证1.placeholder：提示信息 2.required:不能为空 3.pattern：正则表达式-->
</form>
</body>
</html>
...全文
请发表友善的回复…
发表回复
1_Lina 新手村气氛调节师 3天前
这么常的代码
666！！！
零基础学习AJAX之制作自动校验的表单 类似这样的应用大大的提高了用户的体验，本节简单介绍自动校验表单制作方法。从原理上分析ajax的作用。 1.搭建框架 首先为html框架 代码如下: <form name=”register”> <p><label xss=removed>输用户名&...
HTML 表单制作 HTML 表单 用于收集不同类型的用户输入。 表单是一个包含表单元素的区域 表单元素是允许用户在表单中输入内容, 比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等 表单使用...
HTML基础之表单制作 1、表单的作用： 信息的收集 数据的验证 在线考试 调查问卷 2、表单的构成 提示性文字：提示用户如何操作（一般由placeholder属性完成） 表单域：相当于一个容器，包含若干表单控件 表单控件：具体的功能项...
HTML5 实战PHP之Web页面表单设计 由于本文不是教photoshop制作的文章，因此只是把设计的表单的草图设计出来，然后去使用HTML5，CSS3和PHP去实现，我们要设计的表单草图如下图所示： ▲ 可以看到，在这个设计草图中，我们期望实现的效果是：当...
HTML&CSS;实战教程 创建标准网页的初学者指南，也适合深入学习Html，CSS的同学，后面课程有深入的讲解，本课程会初级介绍Html和CSS，让你从入门到精通轻松掌握Web开发语言，从元素标签到CSS样式每个部分都详细进行了介绍和讲解，讲解了...
HTML学习手册(HTML网页制作教程) CHM.rar 本电子书一共分为12节内容，童鞋们只要按流程一步步的学习后即可对HTML全新的认识。 HTML介绍 HTML元素 HTML基本标签 HTML格式 HTML实体 HTML链接 HTML框架 HTML表格 HTML列表 HTML表单 HTML图像 HTML背景
前端学习笔记一：HTML（5）简单制作表单（以登陆页面为例） DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>登录</title> </head&...
用HTML+CSS做一个漂亮简单的个人网页 用HTML+CSS做一个漂亮简单的个人网页 1.刚好帮我妹写了一个作业做一个个人网页设计，简单的三个小页面，就从网上随便找了图片自己随便设计了下东拼西凑哈哈哈！！！可能有点low但是对她来说或者需要做简单的个人网站...
用HTML语言制作表单的登录界面（包括常用标签的注释） 表单 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- form表单 label中for 可以指定id 作用是鼠标指针...
实例学习网页制作中常用的网页表单的应用 而人机对话的平台，基本上是靠相应的文本、列表...所以学习网络编程就一定要了解这些输入平台相关的东西：表单（form）其基本格式如下： <form name="form1" action="xxx.asp" method="post"> <input ty...
HTML视频教程 网页制作基础合集+PPT文件及源码 HTML是任何一 个学习网站开发的人都必须学的基础教程，内容虽然不多，但是要学精，不但需要你要有好的学习态度，而且好的资料也是必需的。学完本套教程，你对HTML一 定可以达到精通的程度。 《HTML视频教程 》网页...
静态网页制作HTML学习笔记 一.HTML简介 1.HTML是什么？ HTML:Hyper Text Markup Language超文本标记（标签）语言由多种标签组成，用来制作网页，告浏览器该...使用表单获取用户信息，实现交互 3.版本 W3C：World wide web consortium万维网联...
HTML5 form表单 调查问卷制作（内含超详细代码解读） 这一篇来记录HTML5表单API的学习，以制作调查问卷为例，效果如图： 注：完整代码见文章末尾处。 一、表单标签form 1.常用属性 常用属性有两个：action和method，分别用于规定表单数据提交的URL地址以及提交方式。 ...
HTML学习之表格表单及框架介绍 可扩展超文本标记语言，是一种置标语言，表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。 从继承关系上讲，HTML是一种基于标准通用置标语言的应用，是一种非常灵活的置标语言，而XHTML则基于可扩展...
HTML学习10：表单格式化 表单格式化，其实我也不想起这个名字的，在前面学习的HTML中有文本格式化，这次的表单和表格的结合不妨叫 做表单格式化。 这篇博客用到的HTML主要标签有：标签和标签以及两个标签中所包含的各个小标签。这些标签...
如何创建HTML表单?html表单代码怎么写 html表单代码是什么？如何创建HTML表单？这些对于新手会感到陌生，下面我们为你总结一下html表单代码怎么写？以及html表单的创建？ 一：构建表单标签 在文本编辑器中打开HTML文档，必须在<form>和</form>...
HTML表单元素初识2——零基础自学网页制作 昨天我们学习了《HTML表单元素初识1——零基础自学网页制作》（目录在结尾），大家通过学习对HTML页面中的表单元素的基本写法已经非常熟悉了。同时也学会了通过变换标签中的type属性的值为表单赋予不同的功能，例如...