html表单应用

最新推荐文章于 2022-06-09 13:33:59 发布
最新推荐文章于 2022-06-09 13:33:59 发布
阅读量81 收藏
点赞数
原文链接：http://www.cnblogs.com/Yimi/p/5863169.html
版权 
<!DOCTYPE html>
<html>
  <head>
    <meta name="generator"
    content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />
    <meta charset="utf-8" />
    <title>表单</title>
  </head>
  <body>
    <h1>会员注册</h1>
    <!--action转到哪个页面-->
    <form action="https://www.baidu.com/" name="form1" target="_blank">
    <!--disabled不可用-->
    不可用 
    <input type="text" value="admin" disabled="disabled" />
    <br />只读： 
    <input type="text" value="admin" readonly="readonly" />
    <br />
    <!--  文本框和密码框：value是属性默认值-->
     姓名： 
    <input name="username" type="text" value="admin" size="20" />
    <br />密码： 
    <input name="password" type="pswd" value="123" size="20" />
    <br />
    <!--文件上传-->
     头像： 
    <input type="file" />
    <br />
    <input type="button" value="确定" />
    <br />
    <!--性别单选，name值相同-->
     
    <!--input 值"checked"是默认选择-->
     性别： 
    <input type="radio" name="sex" checked="checked" />男 
    <input type="radio" name="sex" />女
    <br />语言： 
    <!--点击radio单选后面的文字也能选择的方法input id="id" ,label for=“id”-->
     
    <input type="radio" id="chinese" name="language" checked="checked" /> 
    <label for="chinese">汉语</label> 
    <input type="radio" id="english" name="language" /> 
    <label for="english">英语</label>
    <br />爱好：
    <br />
    <input type="checkbox" />篮球 
    <input type="checkbox" />足球 
    <input type="checkbox" />乒乓球 
    <input type="checkbox" />跳绳
    <br />    <br />    <br />选择您的学历:
    <!--select下的属性multiple是多选 option为disabled值时不能选-->
    <select name="education" multiple="mulpitle" >
    <optgroup label="学历">
      <option value="master">研究生</option>
      <!--默认为本科 option后面加上selected="selected"-->
      <option value="university" selected="selected">本科</option>
      <option value="institution">专科</option>
      <option value="high-scool" disabled="disabled">高中</option></optgroup>
    </select>
    <br />个人说明：
    <br />
    <!--cols是长度,rows是高度，也就是行数-->
     
    <textarea value="" cols="40" rows="5">   
    <!--双标签默认值写到两个标签之间-->...</textarea>
    <br />
    <input type="submit" value="确认提交" /> 
    <input type="reset" value="重置" />
    <br /></form>
  </body>
</html>

 

转载于:https://www.cnblogs.com/Yimi/p/5863169.html

weixin_30484247
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html的表单应用.ppt
07-02
html的表单应用.ppt
HTML表单的应用
:)一位靓仔偶然路过的博客
10-30 435
HTML表单的应用 表单的全部应用 <!-- 用户向服务器提交的方式有： get & post get: url get 默认的提交方式 1. 在地址栏上会以明文显示 2. 空间有限 post: http post 首选的方式使用post 就是文件上传时必须将enctyp
HTML 表单的应用
m0_46335802的博客
04-22 502
HTML表单的内容以及应用（密码框的实现）
【HTML】表单应用
qq_45677671的博客
12-26 586
一.高级表单应用 1.基础回顾 1.1、表单的组成：表单域＋表单控件 1.2、表单域： <form name="" method="" action=""></form> 1.3、表单控件： <input type="text" value="" /> 文本 <input type="password" value="" /> 密码 <input type="button" value="" /> 空按钮 <input type="sub
HTML5登录表单验证 Tooltip验证提示
08-23
表单验证功能非常实用，今天要分享的一款HTML5登录表单验证就非常酷，表单默认只对输入的长度作验证，你也可以自己修改正则表达式来完成更复杂的表单验证。当然这款HTML5表单验证最有优势的是他的外观，不但登录表单...
表单重置.html
06-02
关于HTML的相关资源以及PPT讲解，通过相关的专业术语让学习的读者更能简单应用于实际生活。
javascript表单正则应用
01-19
以下是之前练习正则表达式时候做的js表单测试. input里的value用.test()比较以后，处理正则和需求，反馈，代码欠优化，但功能完善，仅供参考学习 html部分 <!DOCTYPE html> <html lang=en> <head> ...
使用 HTML5 轻松验证表单
03-11
快速提示：使用 HTML5 轻松验证表单,当您通过表单从人们那里收集信息时，必须应用某种验证。如果不这样做，可能会导致客户流失、数据库中的垃圾数据甚至网站的安全漏洞。从历史上看，构建表单验证一直很痛苦。在...
html中表单的应用
多谈了三五个
10-13 2503
HTML表单(Farw("FR", ark7); orm)是HTML的一个重要部分，主要用于采集和提交用户输入的信息。用checked表示缺省已选的选项！举个简单的例子，一个让用户输入姓名的HTML表单(Form)arw("-6s", ark0); 。示例代码如下：请输入你的姓名：<input typearw("@Z@hiJzVYnW8", ark2
HTML_form应用
svitter的专栏
05-21 1009
包括复选框，单选按钮的使用 登录界面 登录界面 Login: 专业: 计算机应用 软件工程 自动
HTML---表单的应用
Chase的博客
05-25 373
大家经常在网上投票、做调查、注册等功能。而要实现这些功能就要用到表单，表单的作用就是收集用户数据并传送到服务器端。 下面我们就来讲讲表单的使用 一个表单通常由三部分组成，表单标签、表单域和表单按钮。第一部分表单标签，这对标签之间的部分就是一个表单。 第二部分表单域，也叫表单控件，是表单内容在网页上的具体呈现形式，例如文本框、密码框、单选框等 第三部分表单按钮，包括提交按钮、复选按钮和一般按钮 基本语法 属相 说明 ...
HTML——表单应用
旅途
09-25 399
效果图如下： 代码如下： 表单应用 会员注册 用户名: 密码： 确认密码: 性别: 男 女 爱好：       体育          音乐          文学          其它                 特长：                音
HTML——表单的应用
qq_52006379的博客
06-09 76
- 隐藏域 - 只读 - 禁用 - 点击文字对应框亮
HTML5表单的应用
码云仓库地址：https://gitee.com/lance-gyq
11-29 1127
** 表单的应用 ** 作用：收集用户信息，并将信息发送给服务器。 一、创建表但基本格式如下： 例子： 主要代码： 效果： 二、表单属性： 设置表单属性可以实现提交方式、自动完成、表单验证等不同功能。 下面将对from标记相关属性进行讲解： 1. action属性: 用于指定接受并处理表单数据的服务器程序url地址. method属性： 用于设置表单数据提交方式，可以取值为get或post。 get为默认属性,浏览器会与表单服务器建立连接，然后直接在一个传输步骤中发送所有表单数...
html表单的应用（新手小白必看）
m0_52934166的博客
05-27 217
#我们今天来一起学习html表单的应用 ##1.我们先来写一个简单的表单 ##2.然后我们来解析各个属性值 ##3.最后我们来总结表单该怎么写 1.我们来写一个简单的表单 <!doctype html> <html> <head> <mata charset="utf-8"> </head> <body> <form> 账号:<input type="t
html表单登录页面
最新发布
03-05
HTML表单登录页面是一种常见的用户认证方式，用于用户在网站或应用程序中输入用户名和密码进行登录。以下是一个简单的HTML表单登录页面的示例： ```html <!DOCTYPE html> <html> <head> <title>Login Page</title> </head> <body> <h2>Login</h2> <form action="login.php" method="POST"> <label for="username">Username:</label> <input type="text" id="username" name="username" required><br><br> <label for="password">Password:</label> <input type="password" id="password" name="password" required><br><br> <input type="submit" value="Login"> </form> </body> </html> ``` 在上面的示例中，我们使用`<form>`元素创建了一个表单，并将其`action`属性设置为`login.php`，表示在用户提交表单时将数据发送到`login.php`处理。`method`属性设置为`POST`，表示使用POST方法发送表单数据。 表单中包含两个输入字段：用户名和密码。`<input>`元素用于创建输入字段，`type`属性设置为`text`和`password`分别表示文本输入和密码输入。`id`属性用于标识字段，`name`属性用于指定字段的名称，这些名称将在后端处理程序中使用。 最后，我们使用`<input>`元素创建了一个提交按钮，用户点击该按钮后将提交表单数据。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值