资讯专栏INFORMATION COLUMN

HTML-表单

番茄西红柿 / 814人阅读

摘要:幼圆定义按钮我是按钮成功按钮幼圆定义图片按钮成功按钮幼圆定义重置和提交按钮清空点我提交幼圆定义输入框默认值默认幼圆定义单选框性别男女保密幼圆定义多选框爱好篮球足球棒球羽毛球幼圆输入框与文字绑定聚焦

定义按钮

1 <input tpye=button value=我是按钮 onclick=alert(成功按钮)>

定义图片按钮

1 <input type=image src=images/a.jpg onclick=alert(成功按钮)>

 定义重置和提交按钮

1 <input type=reset value=清空>
2 <input type=submit value=点我提交>

 

定义输入框默认值

1 <input  type=text value=默认>

定义单选框

1 性别
2 <input type=radio name=gender>3 <input type=radio name=gender>4 <input type=radio name=gender checked=checked>保密

定义多选框

1 爱好
2 <input type=checkbox>篮球
3 <input type=checkbox checked=checked>足球
4 <input type=checkbox checked=checked>棒球
5 <input type=checkbox>羽毛球

 输入框与文字绑定聚焦

1 <label for="account">帐号:label><input type="text" id="account"><br/>
2 <label for="pwd">密码:label><input type="password" id="pwd">

 定义下拉列表

1 <select>
2     <option>北京option>
3     <option>上海option>
4     <option>南京option>
5     <option>山东option>
6     <option>新疆option>
7     <option selected="selected">河南option>
8 select>

 给下拉列表的数据分类

 1 <select>
 2     <optgroup label="北京">
 3         <option>东城区option>
 4         <option>朝阳区option>
 5         <option>海淀区option>
 6     optgroup>
 7     <optgroup label="上海">
 8         <option>静安区option>
 9         <option>徐汇区option>
10         <option>浦东新区option>
11     optgroup>
12 select>

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1392.html

相关文章

  • 【译】HTML表单指南---第一个HTML表单

    摘要:一个表单由一或多个部件组成,这些部件可以是文本框单行或多行选择框按钮复选框或单选按钮。在我们的示例里,一个文本框中用了该属性的默认值,该值表示一个基本的单行文本框,用于接收无控制或验证的任何文本。 前言 这个系列译自mdn上的一份表单指南,原文详尽阐述了表单相关的基础知识。而表单作为一个经典的页面交互方式,是每个前端工程师绕不开的话题,通过翻译这个系列的文章既是有助于扫清自己的知识盲区...

    yearsj 评论0 收藏0
  • JavaScript 表单脚本

    摘要:文本框获得焦点时,选中其中所有的文本思路利用焦点事件事件,在文本框获得焦点时,利用其方法选中所有文本。自动切换焦点思路利用事件检测用户输入新字符后,文本框内的字符串是否已经达到最大长度,若达到最大长度,则将焦点切换至下一个文本框。 JavaScript 表单脚本 通过 document.forms 可以获得一个包含当前页面中所有表单的集合 HTMLFormElement 接口 下面是这...

    PrototypeZ 评论0 收藏0
  • Flask Web Development —— Web表单(上)

    摘要:每个表单域都可以连接到一个或多个是一个用于检查用户提交的输入是否合法的函数。表单域构造函数的第一个参数是一个,在渲染表单到时会使用。验证确保提交的表单域不为空。表单域验证都是直接从包中导入。表格展示了一组支持的标准表单域。 第二章中介绍的request对象公开了所有客户端发送的请求信息。特别是request.form可以访问POST请求提交的表单数据。 尽管Flask的request...

    CODING 评论0 收藏0
  • HTMl基础

    摘要:每个表格均有若干行由标签定义,每行被分割为若干单元格由标签定义。字母指表格数据,即数据单元格的内容。数据单元格可以包含文本图片列表段落表单水平线表格等等。表格最重要的目的是显示表格类数据。规定在提交表单时所用的方法默认。 import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STRE...

    番茄西红柿 评论0 收藏0
  • HTML表单元素及CSS

    摘要:表单一介绍标签表示为表单,表单元素是允许用户在表单中输入内容。属性值被提交表单的类型二表单组件组件一般被定义在表单中标签中标签表示输入框,为空标签。属性,属性规定要显示的元素的类型。冒号表示分隔符,分号表示结束符。 表单 一、介绍 标签表示为表单,表单元素是允许用户在表单中输入内容。 属性:action-提交表单的地址 Method-提交表单的方式。属性值:get/post ...

    MyFaith 评论0 收藏0
  • HTML表单元素及CSS

    摘要:表单一介绍标签表示为表单,表单元素是允许用户在表单中输入内容。属性值被提交表单的类型二表单组件组件一般被定义在表单中标签中标签表示输入框,为空标签。属性,属性规定要显示的元素的类型。冒号表示分隔符,分号表示结束符。 表单 一、介绍 标签表示为表单,表单元素是允许用户在表单中输入内容。 属性:action-提交表单的地址 Method-提交表单的方式。属性值:get/post ...

    jayzou 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<