HTML登录表单的制作

表单的知识点总结

form必须有action属性，表示提交地址
所有需要提交的数据，input必须有name属性
input按钮的文字，使用value属性表示
input必须放在form标签才能提交

input标签常见类型总结

文本输入框	密码输入框	单选框	复选框
type"text"	type"password"	type"radio"	type"checkbox"
普通按钮	提交按钮	重置按钮	文件选择按钮
type"button"	type"submit"	type"reset"	type"file"

简单的表单样例如下：

表单制作代码

<!DOCTYPE html>
<html lang="en">
<head><metame="viewport" content="width=device-width, initial-scale=1.0"><title>Da charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta nocument</title>
</head>
<body><form action="https://www.baidu.com/"><table width="600px" border="1px" cellspcing="0"><tbody><tr height="40px"><td rowspan="4" align="center">总体信息</td><td colspan="2"></td></tr><tr height="40px"><td align="right">用户名：</td><td><input type="text" name="loginname"></td></tr><tr height="40px"><td align="right">密码：</td><td><input type="password" name="pwdname"></td> </tr><tr height="40px"><td colspan="2" align="center"><input type="submit" value="提交"><input type="reset" value="重置"></td></tr></tbody></table></form></body>
</html>

HTML登录表单的制作相关推荐

前端案例：简易登录表单的制作，包括用户名、密码、随机验证码（代码完整，复制即用）
案例效果本案例基于 vue.js 和 Element UI 实现.随机验证码采用 DOM 操作和 canvas 绘制,可随机生成和刷新:后续程序逻辑直接填入方法即可. Element UI 下载安 ...
Flutter 制作漂亮的登录表单
在本教程中,我将向您展示如何在 Flutter 和 Android studio 中制作漂亮的登录表单, 您将学习如何制作背景图像.如何在 Flutter中制作圆形按钮.如何添加一些不透明度以及如何添 ...
前端学习之表格、简历制作及登录表单
简单表格制作 1.使用table标签 2.表格里的行用 tr 标签 3.单元格用 td 标签 <body><h3>前端技术阶段划分标准</h3> <tabl ...
HTML5基础学习（7）：登录表单制作、表单知识补充
一.登录表单制作有的时候用户需要填写信息,然后把填写完的信息交给服务器.把数据提交给服务器的动作就需要一个新的知识点:表单. (1)常见的表单控件大部分的表单控件都是<input>编写 ...
table和form的使用，以及制作登录表单
table的简单使用 <table><caption>表格标题</caption><tr><th>列名一</th><th& ...
element-ui表单_每日UI挑战强加-登录表单（分步教程）
element-ui表单 A step by step journey to create a good design from the daily UI challenge 一步步走,从日常的UI挑 ...
使用qt设计登录界面初学者_初学者素描：设计登录表单界面
使用qt设计登录界面初学者由Bohemian Coding的好伙伴制作的Sketch是界面设计的出色程序. 本入门级教程将向您介绍使用Sketch进行设计. 您将不需要任何程序经验,只需要一些空闲时 ...
Spring Security默认的用户登录表单页面源代码
Spring Security默认的用户登录表单页面源代码 <html><head><title>Login Page</title></hea ...
javafx 表单_JavaFX 2：创建登录表单
javafx 表单在本教程中,我将使用JavaFX 2和CSS设计一个外观漂亮的Login Form . 它是经典的登录表单,带有用户名和密码以及登录按钮. 为了遵循本教程,我强烈建议您查看以下这些 ...

HTML登录表单的制作

HTML登录表单的制作相关推荐

最新文章

热门文章