HTML5.0实例练习（三） --制作一个简单登陆界面

2024-05-29 05:14:49

今天分享一个简单的实例--制作一个简单登陆界面

代码如下：

代码执行结果如下：

这里面用到了<table><th><td><tr>这些表格标签，这些在这里就不分析了，这里面一个最关键的标签<input>,

本文就主要来学习，<input>的属性与使用。

标签定义及使用说明

<input> 标签规定了用户可以在其中输入数据的输入字段（这就是它最基本的作用）。

<input> 元素在 <form> 元素中使用，用来声明允许用户输入数据的 input 控件。

输入字段可通过多种方式改变，取决于 type 属性（type属性有很多比如 text url 等等，一会详解）。

提示和注释

注意: <input> 元素是空的,它只包含标签属性。

提示: 你可以使用 <label> 元素来定义 <input> 元素的标注。

HTML 与 XHTML 之间的差异

在 HTML 中，<input> 标签没有结束标签。

在 XHTML 中，<input> 标签必须被正确地关闭。

属性：

看完<input>我们再来看看<form>

带有两个输入字段和一个提交按钮的 HTML 表单

<form>的属性“

d 带有复选框的表单：

含有单选按钮的表格：

<lable>

如图Male Female 即是<lable>元素内文本，按钮即是表单控件，当点击该文本时，会自动选中对应的按钮。

这次中你逛街就到这里。

HTML5.0实例练习（三） --制作一个简单登陆界面相关推荐

【HTML5期末大作业】制作一个简单HTML我的公益校园安全网页（HTML+CSS+JS）
源码获取文末联系
【HTML5期末大作业】制作一个简单HTML我的班级网页（HTML+CSS+JS
源码获取文末联系
初学Python来用它制作一个简单的界面
前言很多刚开始学习python的宝子,就想着自己开始琢磨一些界面,但是吧很多都是有点难度的,自己又琢磨不透,只能把代码复制粘贴+运行现在就带你们来了解一个制作简单界面的代码 ttkbootstra ...
QT基础知识学习（二）——制作一个简单菜单界面
目录一.界面简介二.代码展示并讲解一.界面简介界面包括五个部分:菜单栏.工具栏.状态栏.核心控件和浮动窗口,制作的项目适用于PC端使用,应该用 QMainWindow类. 二.代码展示并讲解 ...
使用HBuilder制作一个简单的HTML5网页
使用HBuilder制作一个简单的HTML5网页写在前面:开始入门网页制作,写下第一篇博文作为记录.纯纯小白一个,如有阅览者,欢迎批评指正!❤ 先放上效果图: 使用HBuilderX编辑器创建一个& ...
使用Dreamweaver/利用HTML5/CSS/制作一个简单的文字logo
一.制作一个简单的logo 1. 结构与样式分析首先我们根据logo的图片分析logo的效果,该logo由6个字母组成.在使用"数码测色计"测出logo的颜色,这里我们测出log ...
实例学习SSIS（一）--制作一个简单的ETL包
http://www.cnblogs.com/tenghoo/archive/2009/10/archive/2009/10/archive/2009/10/16/ssis_lookup.html 导 ...
使用Hprose制作一个简单的分布式应用程序
2019独角兽企业重金招聘Python工程师标准>>> 使用Hprose制作一个简单的分布式应用程序只需要几分钟的时间.本文将用一个简单的实例来带您快速浏览使用Hprose for ...
32位mips运算器logisim_大神教你制作一个简单的16位CPU
如何制作一个简单的16位CPU,首先我们要明确CPU是做什么的,想必各位都比我清楚,百度的资料也很全..... 如果想要制作一个CPU,首先得明白下计算机的组成结构(或者计算机的替代品,因为并不是只有 ...

最新文章

热门文章