实例教程:HTML中的表单
在HTML语言中,表单是很常用的,比如在注册和登陆功能界面上,一般以form标签来定义表单。下面,我们来看看HTML中的表单有哪些主要用法吧。
操作方法
(01)创建一个HTML表单使用form标签来定义一个HTML表单,在这个定义的区域内编程需要的内容,注意form标签是块级元素,因此会换行。比如我们编写如下代码就表示一个HTML表单,如下所示:<form> </form>
(02)表单的action和method属性在form标签中还可以定义action 和method 属性,其中action表示该表单要提交的路径,而method表示表单的提交方式,有post和get两种方式。比如编写如下代码:<form action="" method="post"> </form>
(03)文本域(1)编写代码表单还可以使用input标签,使用type为text来定义文本域,该文本域表示用户可以在该文本区域内输入文字等,比如用户的名称、昵称等就使用文本域来定义,比如编写如下代码:(2)预览效果在浏览器中预览,可以看到效果如下图所示:
(04)密码域(1)编写代码一般在登陆或注册页面都需要使用密码域来定义用户的密码,比如编写代码如下所示: 密 码: <input type="password">(2)预览效果然后在浏览器中预览效果,可以看到我们输入的字符都是密文,如下图所示:
(05)提交按钮(1)编写代码然后我们来需要定义一个提交按钮,比如编写如下代码: <input type="submit" value="提交">(2)预览效果然后在浏览器中预览效果,可以看到一个名称为【提交】的按钮,如下图所示:
(06)添加新项右击vs页面右侧中的d:VS文件,在弹出的下拉菜单中选择【添加新项】,如下图所示:
(07)更改名称在弹出的窗口中,找到【名称】,然后在右侧中更改名称为【】,然后点击【添加】按钮,如下图所示:
(08)预览效果然后重新预览效果,可以看到在表单中输入字符之后,点击【提交】按钮,会更新页面,将表单提交给test2页面,但是由于test2页面没有对提交来的表单做出动作,因此,test2内容不会发生变化,如下图所示:
-
qq手机密保怎么解绑
在更换新手机号后qq上面绑定的之前的手机号就不能用了,那qq手机密保怎么解绑呢?请看下面解析。操作方法(01)登录qq,点击左下角“主菜单”》点击“安全”》点击“安全中心首页”。(02)进入安全中心页面后,点击右侧密保手机“更换”。(03)输入新的手机号码进行原手机密保解...
-
360系统重装大师装的是什么系统?怎么重装系统
360系统重装大师目前是360安全卫士功能大全下的功能之一,要使用360系统重装大师必须先安装最新版360安全卫士。下面小编为你介绍如何用360系统重装大师重装系统操作方法(01)打开360系统重装大师后见到如下主界面:(02)点击"重装环境检测"按钮,程序将开始检测您的系统是...
-
如何设置路由器IP地址
大部分家用路由器的默认IP地址是,如果我们想给路由器换个IP,怎么设置呢?操作方法(01)首先打开网络连接,双击本地连接,查看计算机IP地址(02)如果是192.168.1.x,则跳过后续步骤,如果不是的,则手动修改为(03)然后在网页上打开,输入路由器登录账号和密码【可以在路由器上面查看初...
-
斐讯(phicomm)无线路由器怎么设置
无线路由器的种类有很多,WiFi对人类生活越来越重要,每种无线路由器的设置不同,小编在这里给大家介绍一下斐讯(phicomm)无线路由器怎么设置。操作方法(01)将插在电脑上的网线拔掉,用额外准备的网线一头连接电脑一头连接路由器数字口,下面的“LAN口”都可以,把刚刚从电脑...