热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

开发笔记:HTML登录表单的制作

篇首语:本文由编程笔记#小编为大家整理,主要介绍了HTML登录表单的制作相关的知识,希望对你有一定的参考价值。

篇首语:本文由编程笔记#小编为大家整理,主要介绍了HTML登录表单的制作相关的知识,希望对你有一定的参考价值。







表单的知识点总结

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

input标签常见类型总结

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

简单的表单样例如下:
在这里插入图片描述
表单制作代码

html>
<html lang&#61;"en">
<head>

<title>Da charset&#61;"UTF-8">
<meta http-equiv&#61;"X-UA-Compatible" content&#61;"IE&#61;edge">
title>
head>
<body>
<form action&#61;"https://www.baidu.com/">
<table width&#61;"600px" border&#61;"1px" cellspcing&#61;"0">
<tbody>
<tr height&#61;"40px">
<td rowspan&#61;"4" align&#61;"center">总体信息td>
<td colspan&#61;"2">td>
tr>
<tr height&#61;"40px">
<td align&#61;"right">用户名&#xff1a;td>
<td>
<input type&#61;"text" name&#61;"loginname">
td>
tr>
<tr height&#61;"40px">
<td align&#61;"right">密码&#xff1a;td>
<td>
<input type&#61;"password" name&#61;"pwdname">
td>
tr>
<tr height&#61;"40px">
<td colspan&#61;"2" align&#61;"center">
<input type&#61;"submit" value&#61;"提交">
<input type&#61;"reset" value&#61;"重置">
td>
tr>
tbody>
table>
form>

body>
html>





推荐阅读
author-avatar
手机用户2502913623
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有