志在指尖
用双手敲打未来

html表单(html用表单做注册、登录页面)

html表单

HTML表单用于搜集不同类型的用户输入。HTML5Input,具有多个新的表单输入类型,提供了更好的输入控制和验证。html

html用表单做注册、登录页面

在没有学习CSS样式的前提下,是如何做一个简单的注册界面的。
一、表单标签(form)
首先我们先写一个<form></form>的标签,form标签属于表单标签,通常我们的登录注册界面都是有提交数据的,是和服务器交互用的,用户在提交信息后,给服务器,服务器再根据提交的信息保存,这个时候就需要form标签了。
form标签里面常见属性有两种:
action:这个是表单提交给某服务器的地址。
method:用什么方式提交。通常我们常见的是:get(得到、成为)和post这两种,区别就是用户在写信息时显示的是明文还是暗文。
Get:提交有长度限制,并且编码后的内容地址栏可见。(不安全,少用)
<formaction=”指向交给谁,网页地址”method=”get”数据提交方式”/>
//传递的值是有长度限制的。浏览器的地址栏里面可以看到。特殊时用。
Post:提交无长度限制,并且编码后内容不可见。
<formaction=”指向交给谁,网页地址”method=”post”数据提交方式”/>
//传递的值没有长度限制,浏览器的地址栏里面不可以看到。常用。
<formaction=”http://www.baidu.com”method=”get”>
</form>
二、文本输入
文本输入有几种公式:
//①文本框公式
<inputtyfe=”text做文本框的”name=”用户名”value=”值”/>
//②密码框公式
<inputtyfe=”password”name=”名字”value=”值”/>
//密码框可以让用户输入的密码显示为黑点。
//③隐藏域公式
<inputtyfe=”hidden”name=”名字”value=”值”/>
//这个提交表单是可以提交的,但是用户是看不到的。
//④文本域公式(多行文本)
<textareaname=”名字”cols=”字符多少”rows=”几行高”</textarse>
//非常大的区域,用户可以在里面写文章。
1、用户注册
先做一个用户注册界面,我们用文本框的方式进行编写:
<formaction=”http://www.baidu.com”method=”get”>
<table>
<tr>
<td>用户名:</td>
<td>
<!–<inputtype=”text”name=”userid”value=””placeholder=”登录名”/>–>
<inputtype=”text”name=”user”value=””/>
</td>
</tr>
</table>
</form>
因为只写了一条,整个表单的框还是看不出来的。
2、密码框
<tr>
<td>密码:</td>
<td>
<inputtype=”password”name=”pw”value=””/>
</td>
3、确认密码
和密码框是一样的。属于常用步骤。
三、选择框
1、单选框(性别选项)
<tr>
<td>性别:</td>
<td>
<inputtype=”radio”name=”sex”id=”man1″value=”1″/>
<labelfor=”man1″>男</label>
<inputtype=”radio”name=”sex”id=”man2″value=”0″/>
<labelfor=”man2″>女</label>
</td>
</tr>

未经允许不得转载:IT技术网站 » html表单(html用表单做注册、登录页面)
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

志在指尖 用双手敲打未来

登录/注册IT技术大全

热门IT技术

C#基础入门   SQL server数据库   系统SEO学习教程   WordPress小技巧   WordPress插件   脚本与源码下载