html中表单标签的一些常用用法

最新推荐文章于 2024-07-12 17:43:38 发布
最新推荐文章于 2024-07-12 17:43:38 发布
阅读量1.6k 收藏
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ZF_9420/article/details/53241161
版权 
<html>
<head>
<meta charset="UTF-8">
<title>表单标签</title>
</head>
<body>
<!--
     form标签：要提交的内容使用该标签包裹
         action属性：指定表单提交到哪里 
         method属性：决定表单的提交方式get(默认值)/post
                                get和post的区别：
                                         1>post提交（http请求正文中）键值对不在地址栏中显示，get会显示在地址栏中
                                         2>post的安全性高一些
                                         3>get长度受限，post长度理论上不受限
    input标签：表单项标签
        type属性：
              text：文本
              password：密码
              radio：单选框
              checkbox：多选框
              hidden：隐藏域
              file：文件
              submit：提交
              reset：重置
        name属性：对于表单项，提交时键值对所对应的键
        value属性：对于需要提交的表单项，提交时的值
        readonly属性：只读属性，适用于text、password和textarea
        disabled属性：禁用，颜色变灰。对于所有input都可以使用
        checked属性：默认选用，只用于radio和checkbox
        maxlength属性：定义输入字符的最大长度
        size属性：定义显示输入框的长度
          以上两个属性只使用于test和password
   select标签：下拉选
           name属性：提交的键
           size属性：同时显示的选项个数
           multiple属性：变成多选
           selected属性：默认选中
 -->
<form action="#">
     <table border="1" method="post">
            <tr>
                <td colspan="3"align="center"><b>用户注册</b></td>
            </tr>
            <tr>
                <td>用户名：</td>
                <td><input  type="text"  name="name" value="123" maxlength="5"></td>
            </tr>    
            <tr>
                <td>密码：</td>
                <td><input  type="password"  name="password"></td>
            </tr>
             <tr>
                <td>性别：</td>
                <td>男<input  type="radio"  name="sex" value="1" checked="checked">
                         女<input type="radio"  name="sex" value="0" ></td>
            </tr>
           
            <tr>
                <td>爱好：</td>
                <td>上网<input  type="checkbox" name="habbit" value="surf the Intnet">
                         打游戏<input  type="checkbox" name="habbit" value="playgames">
                         睡觉<input  type="checkbox" name="habbit" value="sleep"></td>
            </tr>
             <tr>
                 <td>学历：</td>
                 <td>
                      <select name="edu" size="5">
                          <option value="00">--请选择学历--</option>
                          <option value="01">初中</option>
                          <option value="02">高中</option>
                          <option value="03">大专</option>
                          <option value="04" selected="selected">本科</option>
                          <option value="05">硕士</option>
                      </select>
            </tr>
            <tr>
                <td>上传文件：</td>
                <td><input  type="file" name="123"></td>
            </tr>
            <tr>
                <td>个人描述：</td>
                <td><textarea name="desc" cols="50" rows="10" readonly="readonly">hello welcome</textarea></td>
            </tr>
            <tr>
                <td>隐藏域：</td>
                <td><input type="hidden"  name="nicai" value="heihei"></td>
            </tr>
             <tr>
                <td colspan="3" align="center"><input type="submit" value="提交">
                                                                        <input  type="reset"></td>
            </tr>
     </table>
</form>
</body>
</html>

INstamina
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML-form表单的使用，常见表单元素（控件）的使用方法汇总
weixin_44486539的博客
09-26 5076
表单概述 表单一般用来收集用户信息，让用户填写、选择，提交相关信息；在网页中， 我们也需要跟用户进行交互，收集用户资料，此时也需要表单 在 HTML 中，一个完整的表单通常由表单控件（表单元素）、提示信息和表单域三部分构成 表单控件 包含了具体的表单功能项，例如：单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等 提示信息 一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。 ...
HTML常用标签代码
05-07
下面将详细介绍一些常见的HTML标签及其用法。 1. `<html>`: 这是每个HTML文档的根元素，包含整个网页的代码。所有的其他HTML标签都应位于`<html>`标签内。 2. `<head>`: 包含文档的元信息，如标题、字符集设置等。...
html 常用标签 表单
qq_51129678的博客
05-26 424
1.常用标签 1.<strong> </strong>---加粗 2.<i> </i>--------字体斜体 3.<u></u>-------下划线 4.<del> </del>------删除线 5.<br>-------换行 6.<hr>-------水平分割线默认100%居中显示） 7.<p> </p>------段落标签 （默认换行 居...
前端编程之路一一form表单标签（详解）
最新发布
2401_84418883的博客
07-12 378
select是显示一个下拉列表(drop down list)出来，option是下拉列表中的项目(item)，而option的文本内容(text content)是下拉列表项目中显示到页面上的值，value是真正需要提交到服务端的值。两者的区别是单选框中的选项用户只能选择一项，而复选框中用户可以任意选择多项，甚至全选。所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在。2、name：为文本框命名，以备后台程序ASP 、PHP使用。当type="text"时，输入框为文本输入框;
html表格以及form表单部分标签的使用
weixin_33881050的博客
06-01 99
<html><head><title>html表格标签演示</title><head><body><table width="200" border="1" cellpadding="2" cellspacing="3"><caption>商品信息</caption>&...
html中常见的表单标签
滨海之君的博客
02-05 232
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="" method="get"> <p>名字: <input type="text" name="username"&gt
html常用标签：表单
玮小尘
12-29 493
JSP实现用于自动生成表单标签html代码的自定义表单标签
10-23
本篇文章将深入探讨如何使用JSP实现自定义表单标签，以自动生成HTML表单元素，如`<select>`、`<checkbox>`和`<radio>`，并自动选中指定的值。 首先，我们来看Servlet部分的代码，这部分主要负责准备数据。在这里，...
html5常用标签.txt
11-18
### HTML5常用标签详解 #### 一、文档结构标签 **`<!DOCTYPE>`**: 定义文档类型。在HTML5中通常使用`<!DOCTYPE html>`来声明文档为HTML5。...熟练掌握这些标签的使用方法对于前端开发人员来说是非常重要的。
html页面中常用的一些小方法整理
09-28
以下是一些在HTML页面中常用的方法和技巧： 1. **禁止页面缓存**：在`<head>`标签内添加`<meta>`标签，可以防止浏览器缓存页面内容。例如： ```html , must-revalidate"> , 26 Feb 1978 08:21:57 GMT"> ``` ...
thinkPHP的Html模板标签使用方法
12-19
这个标签库包含了诸如`<html:select>`等常用的HTML标签扩展，它们提供了一些额外的属性和功能，使得在模板中处理动态数据变得更加便捷。 例如，如果我们需要创建一个下拉选择列表，可以按照以下步骤操作： 1. 在...
HTML标签大全（标签，表格，表单）
09-20
包含HTML语言里面的所有标签的使用方法和格式，使编程员工作轻松简单。
表单标签的使用
peng010903的博客
06-20 194
name是表单元素的名字，要求单选按钮和复选框都要有相同的name值，并且可以设置checked属性，当页面打开就可以默认选中这个按钮。input（输入表单元素）select（下拉表单元素） textarea（文本域元素）（定义表单域，把范围内的表单元素提交给服务器）：表单域，表单控件（又称表单元素），提示信息。2-2.1.select（下拉表单元素）定义多行文本输入的控件。
html表单标签写法及用途
最爱喝怡宝的博客
08-04 267
form表单标签，整个表单内容装在里面，写作<form></form> <input type="text">单行文本格标签，快捷写法 input:t <input type="password"> 密码框标签，快捷写法 input:p <input type="submit">提交按钮标签，快捷写法 input:s <input type="reset">重置按钮标签，快捷写法 input:reset <input t
html中常用的标签-表单标签
兴趣是最好的老师
06-18 1135
表单标签（****今天最重要的标签****） * 可以提交数据到开心网的服务器，这个过程可以使用表单标签实现 * : 定义一个表单的范围 - 属性 ** action： 提交到地址，如果不写默认提交到当前的页面 ** method: 表单提交方式 - 常用的有两种 get和post，默认是get请求 ** 面试题目： get和post区别 1、g
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值