HTML简单实例加表单的显示效果

HTML可以说是一种十分简单的标记语言，但是对于Web开发还是必不可少的，所以对HTML的标记进行适当的了解

还是十分有必要的。下面我们来演示一下基本的HTML效果和一些简单的标签，以及在表单界面的各种提交方式。

首先是HTML的常用简单标签。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>hello.html</title> </head> <body> <font color="red" size="7">Hello World</font> <b>第一行文字</b> <p><font color="blue" size="4">第一行文字</font></p> <br/>*********字符实体案例************<br/> <font size="6">© £ ®</font> <br/>***********超链接实例************<br/>  <a href="/HTML/test/a.html" target="_blank">老鼠爱大米</a> <br/>**********图片元素*********<br/> <img alt="一只猫" src="/HTML/img/tomcat.gif" width="170px" border="1"/> <br/>*********表格**************<br/>  <table border="1" width="170" align="center" bgcolor="yellow" bordercolor="red" cellpadding="3" c> <tr align="center"> <td>1</td> <td>2</td> <td>3</td></tr> <tr align="center"> <td>4</td> <td>5</td> <td>6</td></tr> <tr align="center"> <td>7</td> <td>8</td> <td>9</td></tr> </table> </body> </html>
效果如下

下面是表单界面的显示，代码如下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>提交选项</title> </head> <body> 名字:<input type="text" name="name"/><br/> 密码:<input type="password" name="password"/> <br/>************复选框***********<br/> <input type="checkbox" name="v1">西瓜<br/> <input type="checkbox" name="v1">苹果<br/> <br/>************单选框***********<br/> <input type="radio" name="sex">男<br/> <input type="radio" name="sex">女<br/> <br/>************隐藏域***********<br/> <input type="hidden" value="123" name="hiden"/> <br/>************下拉框***********<br/> <select name="place"> <option value="beijing">北京</option> <option value="beijing">天津</option> <option value="beijing">上海</option> </select> <br/>************文本框***********<br/> <textarea rows="10" cols="10" name="text"> 在这里留言 </textarea> <br/>************选择上传文件***********<br/> <input type="file" name="file"> </body> </html>
效果如下

转载于:https://www.cnblogs.com/sp2012/archive/2012/02/27/2465737.html

HTML简单实例加表单的显示效果相关推荐

前端：JS/33/实例：表单验证
实例:表单验证 <!DOCTYPE html> <html lang="en"><head><meta charset="UTF ...
运用php制作一个表单,PHP 表单处理,一个简单的 HTML 表单
PHP 超全局变量 $_GET 和 $_POST 用于收集表单数据(form-data). PHP - 一个简单的 HTML 表单,我们在平时运用PHP这门语言的时候,最频繁的是就是表单提交了.如:用 ...
flask与简单的form表单
flask与简单的form表单文章目录 flask与简单的form表单视频代码 flask html 视频 https://www.bilibili.com/video/BV17W41177oE ...
java注册登录小程序,详解小程序之简单登录注册表单验证
这段时间在做员工管理的小程序,前期在登录注册上花了不少功夫,今天就给大家分享下. 效果图,wxss的内容较简单,自己编写即可. ##主要内容一.首先我是在util.js中引入表单正则验证规则,给予l ...
Html+CSS实现简单的注册表单
目录预览教程如下首先新建一个HTML文件接下来,我们在body标签的内部编写网页的主题内容新建一个CSS文件 label: input: .submit_btn: CSS 居中显示: 这就 ...
table中加表单元素怎么验证_045、DOM编程实例和表单
1.DOM编程实例1 JavaScript this 关键词指的是它所属的对象. 它拥有不同的值,具体取决于它的使用位置: 在方法中,this 指的是所有者对象. 单独的情况下,this 指的是全局对 ...
ajax刷新iframe页面,通过iframe实现简单的ajax表单提交
之前做项目都是用现成的jquery插件实现表单的校验以及ajax提交,但是今天有个简单的头像图片ajax上传,以及一个很简单的表单提交,实在不想引入一个插件了,本着代码量最小,最简单的原则,照着豆瓣照 ...
jquery parsley ajax,用户体验超棒且功能强大使用简单的javascript表单验证 - Parsley.js...
大家还记得我们曾经介绍过的表单验证jquery插件jquery.validationEngine吧,使用这个插件你不需要写任何一行js代码就可以生成一个功能强大的表单验证功能.是不是超棒? 今天介绍的 ...
使用php创建一个注册表单,如何实现一个简单的注册表单
创建一个注册表单是非常容易的 - 它事实上意味着,你只需要创建一个表单,表单将更新一些User的模型对象(这个例子是一个Doctrine实体)并保存它. 受欢迎的FOSUserBundle 提供了一个 ...

HTML简单实例加表单的显示效果

HTML简单实例加表单的显示效果相关推荐

最新文章

热门文章