首页 / HTML / 表单Form元素的一些简单实现代码以注册为例

表单Form元素的一些简单实现代码以注册为例

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了表单Form元素的一些简单实现代码以注册为例，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2409字，纯文字阅读大概需要4分钟。

内容图文

代码实现方式：

代码如下:

<!DOCTYPE html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<meta charset="utf-8">
<style type="text/css">
div{ width:35%;margin-left:32%;}
</style>
</head>
<body >
<div>
<form class="f1" action="http://www.baidu.com" method="get" >
<fieldset >
<legend>表单的注册</legend>
<table width=100% >
<tbody>
<tr ><td class=“left” width=40% align="right"><label for="t1">姓名：</label></td>
<td class="right"><input type="text" id="t1" name="Name"></td>
</tr>
<tr><td class=“left” width=40% align="right"><label for="Password1">密码：</label></td>
<td class="right"><input id="Password1" type="password" name="Password" /></td>
</tr>
<tr><td class=“left” width=40% align="right"><label for="e1">邮箱：</label></td>
<td class="right"><input type="email" id="e1" name="youxiang" ></td>
</tr>
<tr><td class=“left” width=40% align="right"><label for="1">性别：</label></td>
<td class="right"><input type="radio" id="1" name="ssex" value="nan" />男
<input type="radio" id="2" name="ssex" value="nv" />女
</td>
</tr>
<tr><td class=“left” width=40% align="right">地区：</td>
<td><select id="selc" name="place">
<option value="quanzhou">泉州</option>
<option value="xiamen">厦门</option>
<option value="zhangzhou" >漳州</option>
</select>
</td>
</tr>
<tr><td class=“left” width=40% align="right"><label for="txtarea">简介：</label></td>
<td><textarea id="txtarea"></textarea></td>
</tr>
<tr><td class=“left” width=40% align="right">兴趣：</td>
<td><input type="checkbox" id="cbox1" name="dushu" value="c1">读书
<input type="checkbox" id="cbox2" name="yundong" value="c2">运动
<input type="checkbox" id="cbox3"name="chihe" value="c3">吃喝
</td>
</tr>
<tr><td class=“left” width=40% align="right">上传：</td>
<td> <input type="file" id="f1" name="shangchuan" value="File1" /></td>
</tr>
<tr><td class=“left” width=40% align="right" rowspan=2>
<input id="Submit1" type="submit" value="提交" />
</td>
<td> <input id="Reset1" type="reset" value="重置" />
</td>
</tr>
</tbody>
</table>
</fieldset>
</form>
</div>
</body>
</html>

注意其中的代码label实现的功能是使鼠标在点击文本的时候自动聚焦在文本框里！

代码如下:

内容总结

以上是互联网集市为您收集整理的表单Form元素的一些简单实现代码以注册为例全部内容，希望文章能够帮你解决表单Form元素的一些简单实现代码以注册为例所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/385861.html

来源：【匿名】

【上一篇】margin-top负值解决label文字与input垂直居中对齐问题【下一篇】PHP 和 HTML

更多 ►

【表单Form元素的一些简单实现代码以注册为例】教程文章相关的互联网学习教程文章

html5 兼容IE6结构的实现代码

复制代码代码如下:document.createElement(‘header‘); document.createElement(‘nav‘); document.createElement(‘section‘); document.createElement(‘article‘); document.createElement(‘aside‘); document.createElement(‘footer‘); 复制代码代码如下:<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>html5测试</title> <script type="text/javascript" src="html5.js"></script> <link rel="stylesh...

html跳动的心实现代码

在html中实现代码的高亮显示【代码】【图】

最近在做组内的组件库，用到代码的高亮显示~我查到的资料有syntaxhighlighter、highlight.js、prism.jshighlight.js官网 https://highlightjs.org/syntaxhighlighter官网 http://alexgorbatchev.com/SyntaxHighlighter/prism.js官网 http://prismjs.com/ 参考资料：http://c7sky.com/syntax-highlighting-with-prismjs.html#0-qzone-1-94908-d020d2d2a4e8d1a374a433f596ad1440基本实现原理都是引入需要的JS文件和CSS样式，将要显...

二种php生成html页面实现代码_PHP教程

二种php教程生成html页面实现代码利用fopen fread fwrite fcolse打开文件形式$fp = fopen ("templets.html","a"); if ($fp){ $fup = fread ($fp,filesize("templets.html")); $fp2 = fopen ("html.shtml","w"); if ($fwrite ($fp2,$fup)){ $fclose ($fp); $fcolse ($fp2); die ("写入模板成功"); } else { fclose ($fp); die ("写入模板失败!"); } } ?> php读取文件,fread是用来读取用fopen打开的文件内容的,下面我...

html5audio标签怎么用？html5自动播放实现代码实例【图】

html5 audio标签怎么用？html5 audio标签自动播放和使用教程,下面开始我们的文章介绍，主要介绍了html5 audio标签的使用，还有关于html5 audio标签自动播放和暂停的教程详解html5 audio标签用法的定义：<audio> 标签定义声音，比如音乐或其他音频流。html5 audio标签实例一段简单的 HTML 5 音频：<audio src="someaudio.wav"> 您的浏览器不支持 audio 标签。 </audio>html5 audio标签的属性：来个html5 audio标签的使用实例教程htm...

PHP修复未正常关闭的HTML标签实现代码(支持嵌套和就近闭合)_PHP教程【图】

fixHtmlTag version 0.2 这个版本解决了上次遗留的问题，即就近闭合和嵌套闭合问题。具体可以看代码的注释。代码如下:/** * fixHtmlTag * * HTML标签修复函数，此函数可以修复未正确闭合的 HTML 标签 * * 由于不确定性因素太多，暂时提供两种模式“嵌套闭合模式”和 * “就近闭合模式”，应该够用了。 * * 这两种模式是我为了解释清楚此函数的实现而创造的两个名词， * 只需明白什么意思就行。 * 1，嵌套闭合模式，NEST，为默认的...

php批量生成html,txt文件的实现代码_PHP教程

首先建立一个conn.php的文件用来链接数据库代码如下: $link = mysql_connect("mysql_host" , "mysql_user" , "mysql_password" )or die("Could not connect : " . mysql_error()); mysql_query("set names utf8"); mysql_select_db("my_database") or die("Could not select database");?>php 批量生成html 代码如下: require_once(“conn.php”)； $query = "SELECT id,title,introduce FROM my_table"; $r...

html固定标题列、标题头table具体实现代码【图】

代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>固定标题列、标题头table</title> <style> table{border-collapse:collapse;border-spacing:0px; width:100%; border:#000 solid 0px;} table td{bor...

html5css3网站菜单实现代码_html5教程技巧

实现的难点在于：first-child,last-child 两个选择器，以后margin-left:-1px;的应用，33%,34%宽度的技巧处理。另外一个难点是：box-shadow:1px 0 0 #F1F1F1 inset; 的实现。最后是：代码如下:background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#b6b4b4));background:-moz-linear-gradient(top, #f9f9f9, #b6b4b4);background:-o-linear-gradient(top, #f9f9f9, #b6b4b4);background:linear-gradien...

用php解析html的实现代码

最近想用php写一个爬虫，就需要解析html，在sourceforge上找到一个项目叫做PHP Simple HTML DOM Parser，它可以以类似jQuery的方式通过css选择器来返回指定的DOM元素，功能十分强大。首先要在程序的开始引入simple_html_dom.php这个文件代码如下:include_once(simple_html_dom.php); PHP Simple HTML DOM Parser提供了3种方式来创建DOM对象代码如下:// Create a DOM object from a string $html = str_get_html(<html><body>H...

http://www.google.com.hk/用php解析html的实现代码

http://67.220.92.14/forum/indePHP定时自动生成静态HTML的实现代码

但定时生成就受到了一些局限性,大家如果有独立服务器的能在服务器上设置计划任务,但如果是使用虚拟主机的可就不好办了.虽然方法非常多.但使用起来简便容易的,我觉得还是先判断已生成的首页文件的生成时间和现有时间之间的差值,如果满足某个值就开始生成这种方法比较来得容易.不多说了.开始吧! 网上找到的，记一下。实践证明，可用。代码如下:<?php $nowtime=time(); $pastsec = $nowtime – $_GET["t"]; if($pastsec<60) { exit; ...

伪静态htmlPHP生成静态HTML文档实现代码

利用PHP，将数据库中的文章数据生成单个的HTML文档。首先，有利于搜索引擎的收录。其次，避免数据库中的字段暴露在地址栏上，更安全。给出代码：<?php //引入数据库配置文件 include( dirname(dirname(__FILE__))."\include\config.php" );/*** * 将数据库中的文章生成单个HTML文件.* @param Date $Date* @param Time $Time* @param String $Content* @param String $Title*/ function GenerateHTML($Date,$Time,$Content,$Title,...

PHPHTML代码串截取实现代码_PHP教程

而且给的数据是HTML代码串，比如这样：张三评论了李四分享的一篇文章文章一长串的东西截取的时候是要截取 div 标签内部的东西，而且要保留HTML标签，只是对其中的文字做处理。比如我可能只是截取到“李四”的“李”字，但是如果就这样放到前端的话，“李四”前面的 a 标签是没有闭合的，所以截取之后要保证HTML的语法正确。这个问题确实不太好搞，让我郁闷了两天。请注意，这只是一个字符串，只不过内容是HTML代码，是没有...

用PHPob_start()控制浏览器cache、生成html实现代码_PHP教程

输出控制函数不对使用 header() 或 setcookie(), 发送的文件头信息产生影响,只对那些类似于 echo() 和 PHP 代码的数据块有作用。我们先举一个简单的例子，让大家对Output Control有一个大致的印象： Example 1. PHP代码代码如下:ob_start(); //打开缓冲区 echo "Hello\n"; //输出 header(“location:index.php”); //把浏览器重定向到index.php ob_end_flush();//输出全部内容到浏览器 ?> 所有对header()函数有了解的人都知道，...

首页 / HTML / 表单Form元素的一些简单实现代码以注册为例

表单Form元素的一些简单实现代码以注册为例

内容导读

内容图文

内容总结

内容备注

内容手机端

【表单Form元素的一些简单实现代码以注册为例】教程文章相关的互联网学习教程文章

html5 兼容IE6结构的实现代码

html跳动的心实现代码

在html中实现代码的高亮显示【代码】【图】

二种php生成html页面实现代码_PHP教程

html5audio标签怎么用？html5自动播放实现代码实例【图】

PHP修复未正常关闭的HTML标签实现代码(支持嵌套和就近闭合)_PHP教程【图】

php批量生成html,txt文件的实现代码_PHP教程

html固定标题列、标题头table具体实现代码【图】

html5css3网站菜单实现代码_html5教程技巧

用php解析html的实现代码

http://www.google.com.hk/用php解析html的实现代码

http://67.220.92.14/forum/indePHP定时自动生成静态HTML的实现代码

伪静态htmlPHP生成静态HTML文档实现代码

PHPHTML代码串截取实现代码_PHP教程

用PHPob_start()控制浏览器cache、生成html实现代码_PHP教程

FORM - 相关标签

元素 - 相关标签

注册 - 相关标签

HTML - 技术教程分类

HTML - 最新教程

HTML - 最热教程