HTML中的表单

表单结构，文本栏、密码栏、隐藏栏、复选栏、单选栏、窗体栏位、区块栏位、按钮、图像按钮、允许上传文件、表单的外框和标题、元件的次序和快捷键。

操作方法

  • 01

    表单结构： <form>...</form> 属性                  属性值 name                string（字符串，给这个表单起个名字） method            get/post  （表单的传输方式） action               url  （路径，传输目标）

  • 02

    文本栏： <input type="text" > 密码栏： <input type="password" > 隐藏性栏位： <input type="hidden" > 属性： name="栏位名称" value="栏位内定值" size="栏位显示宽度" maxlength="栏位数据输入最大长度" placeholder="隐身字" readonly="readonly"（只读，禁止写） disabled="disabled"（禁用）

  • 03

    复选框（多选）： <input type=”checkbox”> 单选框： <input type="radio"> 属性： name=” 栏位名称” value=”内定值” checked=”checked”（默认选择） disabled=”disabled ”（禁止选择）

  • 04

    窗体栏位（下拉菜单）： <select name=”栏位名称” size=”数字” > <option value="选项值" selected="selected"（默认选择）> <option value="选项值"> <option value="选项值"> </select> 区块栏位（文本域）： <textarea cols=”设置长度” rows=”设置高度”></textarea>

  • 05

    图像按钮： <input type="image" src="url（路径）" alt="文本"/> 按钮图像： <button> <img src=”URL（路径）”> </button> 提交按钮： <input type=”submit” value=”按钮中显示的文字”> <button type="submit">...</button> 重置按钮： <input type=”reset” value=”按钮中显示的文字”> <button type="reset">...</button> 普通按钮： <input type=”button” value=”按钮中显示的文字”> <button type="button">...</button>

  • 06

    上传文件： <input type="file" name="file"> 注意: 如果定义了上传框form表单必须定义enctype=“multipart/form-data”,否则将接受不到上传的图片信息

  • 07

    表单加上外框和标题： 外边框:<fieldset>...</fieldset> 标题:<legend>...</legend>

赞 (0)

相关推荐

  • 手机版搜狗浏览器中的表单密码数据如何清除

    手机版搜狗浏览器中的表单密码数据如何清除

    今天给大家介绍一下手机版搜狗浏览器中的表单密码数据如何清除的具体操作步骤.1首先解锁手机,找到桌面上的搜狗浏览器APP,打开.2. 如图,进入主页面后,点击右上角的三横图标.3. 在下方打开的页面,点 ...

  • 如何启用福昕阅读器中的表单自动完成功能

    如何启用福昕阅读器中的表单自动完成功能

    今天给大家介绍一下如何启用福昕阅读器中的表单自动完成功能的具体操作步骤.1.打开偏好设置1. 以"福昕阅读器领鲜版"为例,打开之后,如图,点击左上角的"文件"选 ...

  • html中table表单如何应用？

    html中table表单如何应用?我们这边以条款案例来说明 操作方法 01 如图所示先写外边框的内容.<table></table>中align="center&qu ...

  • 实例教程：HTML中的表单

    在HTML语言中,表单是很常用的,比如在注册和登陆功能界面上,一般以form标签来定义表单.下面,我们来看看HTML中的表单有哪些主要用法吧. 操作方法 01 创建一个HTML表单 使用form标签来 ...

  • 如何在网页中嵌入表单

    作为一个运营人员,你可能需要将表单分享到其他比如官网.微信公众号.微博等渠道来与用户互动.那么除了通过设置文字/图片的超链接跳转到表单地址外,还可以将表单直接嵌入到网页,这样用户浏览你的官网时,即可直 ...

  • 9个新人容易中枪的表单设计问题

    在网站中,表单是用户跟我们沟通的主要桥梁.透过表单,用户可以买东西.订阅新文章.更新资料--可以说网站最重要的功能,都是靠表单来完成.然而这个跟顾客打交道的重要环节,我们真的有做好了吗?以下分享的是一 ...

  • 用Frontpage制作电子邮件提交表单

    现在很多网站都需要访问者填各种表进行注册.每当有访问者填完表点一下"提交"按钮后,网站管理者便会收到一份包含站点访问者输入到表单中的全部数据的邮件,这样对网站的管理是十分便利的. ...

  • 干货！移动端表单最佳实践

    作为UI设计师,不可避免的要进行表单设计,但是你知道在设计的过程中需要遵循哪些原则,以及需要避免哪些事项才能更好的提升用户体验吗?以下分享的10条黄金法则,分分钟提升你的Mobile表单体验,一起来学 ...

  • 如何使用金数据制作美观实用表单之最全使用攻略

    分享本人使用金数据表单的,为你制作一个美观实用的金数据表单,让你的工作效率翻倍!利用好金数据表单就可以媲美一个强大的表格,统计系统. 操作方法 01 注册账号后登录金数据网页会自动进入 金数据个人中心 ...