创建供用户输入的表单

利用相关的表单元素，创建供用户输入的表单，获取用户的输入。

代码如下：

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title>taobaodenglvyemian</title></head><body><form action="http://www.taobao.com"method="post">    <lable for ="uesname">&nbsp用户名</lable>    <span style="color:red;">*</span>    <input type="email";id="uesname"/>    <span style="color:gray; font-size:10px">请使用有效的电子邮箱</span>    <br/><br/>    <lable for ="uespassword">&nbsp&nbsp密码</lable>    <span style="color:red;">*</span>    <input type="password";id="uespassword"/>    <span style="color:gray; font-size:10px">密码强度</span>    <span style="color:red; font-size:10px">弱</span>    <span style="color:black; font-size:10px">中</span>    <span style="color:green; font-size:10px">强</span>    <br/><br/>    <lable for="">&nbsp确认密码</lable>    <span style="color:red">*</span>    <input type="text"/>    <br/><br/>    <lable for="">&nbsp注册目标</lable>    <span style="color:red">*</span>    <input type="checkbox"/> 会员    <span style="color:gray; font-size:10px">（快速卖出或买进农产品）</span>    <br/>    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="checkbox"/> 农业经纪人    <span style="color:gray; font-size:10px">（为广大会员服务，促成农产品交易）</span>    <br/>    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="checkbox"/> 渠道联盟    <span style="color:gray; font-size:10px">（成为我们的合作伙伴）</span>    <br/>    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="checkbox"/> 信息员    <span style="color:gray; font-size:10px">（采集发布热点农业信息）</span>    <br/>    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="color:gray; font-size:10px">备注：请选择您的主职身份，其他身份可以在以后您需要的时候进行扩展</span>    <br/><br/>    <lable for ="uesname">&nbsp姓名</lable>    <span style="color:red;">*</span>    <input type="text"/>    <span style="color:gray; font-size:10px">真实姓名（与身份证件一致）</span>    <br/><br/>    <lable for ="uesname">&nbsp;手机</lable>    <span style="color:red;">*</span>    <input type="text"maxlength="11" />    <span style="color:gray; font-size:10px">11位手机号码</span>    <br/><br/>    <lable for ="">&nbsp;所在区域</lable>    <span style="color:red;">*</span>    <select name="" id="">        <option value="">中国</option>        <option value="">美国</option>    </select>    <select name="" id="">        <option value="">--地区--</option>        <option value="">四川</option>    </select>    <span style="color:gray; font-size:10px">选择您所在的省市</span>    <br/><br/>    <lable for ="">&nbsp验证码</lable>    <span style="color:red;">*</span>    <input type="text"/>    <img src="deepin.bmp" />    <a href="#"> <span style="color:blue; font-size:10px">看不清，换一个</span></a>    <br/><br/>    &nbsp&nbsp&nbsp&nbsp&nbsp<button> <spa style="color:orangered; font-size:12px">同意以下条款并注册</spa></button>    <a href="#"><span style="color:gray; font-size:10px">登入</span></a>    <a href="#"><span style="color:gray; font-size:10px">找回密码</span></a>    <br/><br/>    &nbsp&nbsp&nbsp&nbsp&nbsp<textarea  cols="50" rows="10">    </textarea></form></body></html>

时间： 2024-10-27 16:55:39

创建供用户输入的表单的相关文章

怎样利用WordPress创建自己定义注冊表单插件

来源:http://www.ido321.com/1031.html 原文:Creating a Custom WordPress Registration Form Plugin 译文:创建一个定制的WordPress插件注冊表单译者:dwqs 开门见山,WordPress提供了一个自己定义的注冊表单供新用户使用,或者当加入一个新用户到已经存在的WordPress网站. 可是假设你想实现一个自己定义的注冊表单而没有显示WordPress仪表盘的选项呢? 在这篇文章中.我们将学会怎么使用标签模

js页面用户信息填写表单

在网页中我们会经常看见各色的用户信息填写表单,其中会包括各种输入框.按钮.单复选框和下拉式菜单,今天的我们就以最简单的为例做一个简易版的用户信息填写表单(此处使用html文本),仅供初学者参考,也请各位前辈多多指教! 在这个范例当中,我们将对用户输入的信息做简易验证.主要判读那用户名.密码.确认密码不能为空,密码和确认密码要保持一致. 注意点: 1.用户信息的填写如果是在一张form表单中,则只能出现一个submit按钮提交,这种情况比较简易,只需要在body模块<form>中添加onSubm

用户体验之表单结构

在用css写表单结构的时候,添加一些属性,可以让极大地改善用户体验. 1,使用value属性为输入型表单域设置默认值. 2,使用title属性帮助屏幕阅读器用户获得足够的提示信息. 3,当标签(label元素)没有包含所关联的表单域时,可使用for属性来匹配和关联菜单域(绑定id值). 4,为每个表单域设置tabindex属性.方便用户用tab切换 5,对于复选框和单选按钮来说.将label置于表单域前面,可便于用户先阅读标签说明,再执行操作. 6,使用optgroup元素来组织select列表

php防止用户重复提交表单

我们提交表单的时候,不能忽视的一个限制是防止用户重复提交表单,因为有可能用户连续点击了提交按钮或者是攻击者恶意提交数据,那么我们在提交数据后的处理如修改或添加数据到数据库时就会惹上麻烦. 效果图: 那么如何规避这中重复提交表单的现象出现呢?我们可以从很多方面入手: 首先从前端做限制.前端JavaScript在按钮被点击一次后禁用,即disabled,这个方法简单的防止了多次点击提交按钮,但是缺点是如果用户禁用了javascript脚本则失效. 第二,我们可以在提交后做redirect页面重定向,

Oracle开发：创建一个用户并分配表空间和分配权限

-- 创建一个用户并分配表空间和分配权限 -- 以sysdba登录 [email protected]:~> sqlplus / as sysdba SQL*Plus: Release 12.1.0.2.0 Production on Mon Mar 7 18:48:59 2016 Copyright (c) 1982, 2014, Oracle. All rights reserved. Connected to: Oracle Database 12c Enterprise Edition

学习笔记（五）Session 的创建和销毁生命周期表单重复提交及实现验证码

1. Session 的创建和销毁 page 指定的 session 属性: 1). 默认情况下, 第一次访问一个 WEB 应用的一个 JSP 页面时, 该页面都必须有一个和这个请求相关联的 Session 对象. 因为 page 指定的 session 属性默认为 true 2). 若把 session 属性改为 false, JSP 页面不会要求一定有一个 Session 对象和当前的 JSP 页面相关联所以若第一次访问当前 WEB 应用的 JSP 页面时, 就不会创建一个 Session

HTML与用户的交互表单

使用表单标签,与用户交互网站怎样与用户进行交互?答案是使用HTML表单(form).表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据. 语法: <form method="传送方式" action="服务器文件"> 讲解: 1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束. 2.action :浏览者输入的数据被传送到的地方,

jQuery EasyUI 应用 - 创建展开行明细编辑表单的 CRUD 应用

当切换数据网格视图(datagrid view)到 'detailview',用户可以展开一行来显示一些行的明细在行下面.这个功能允许您为防止在明细行面板(panel)中的编辑表单(form)提供一些合适的布局(layout).在本教程中,我们使用数据网格(datagrid)组件来减小编辑表单(form)所占据空间. 步骤 1:在 HTML 标签中定义数据网格(DataGrid) <table id="dg" title="My Users" style=&q

YII用户注冊表单的实现熟悉前台各个表单元素操作方式

模还是必须定义两个基本方法.还有部分label标签映射为汉字,假设进行表单验证,还要定义一些验证规则: <? php /* * 用户模型 * */ class user extends CActiveRecord{ //获得数据模型 public static function model($classname = __CLASS__){ return parent::model($classname); } //定义数据表名字 public function tableName(){ retu