HTML连载7-表单练习

论坛 期权论坛 期权     
傅里叶变换   2019-6-10 03:54   2273   0
昨天因为晚上有事情,未更新,但是今天中午发也不晚,因为是同一天只是时间早晚而已,因此今日傍晚还将更新一次,废话不多说。
1.表单的综合练习,我们要创建一个综合的注册页面。运用到我们前面所学的所有知识。
我们整理一下思路:
首先练习了账号密码的输入,属性为text为文本框,属性为password的为暗文文本框输入。
第二,单选框输入属性为radio,默认选择选项checked属性为checked,不同选项之间互斥为name属性的值必须相等。多选框输入属性为checkbox。
第三,输入框为textarea标签,里面rows属性定义最多行,cols属性定义最多列。
第四,属性值为date代表日历,属性为email代表为邮箱(必包含@),属性为number,代表本框只能输入数字,属性为submit,代表提交信息到指定系统,属性值为reset代表重新提交信息,其中submit和reset中还可以有value属性来定义这个按钮的名称。button属性来添加按钮。
第五,传输信息有两个要点:
(1)form标签中action属性值必包含传输信息到系统的名称
(2)利用name属性来提示会有哪些值被传入到了我们的目的地,其中有一点就是单选框和多选款,可以通过在加入value属性来说明传入的值。只有button属性的不能传入值
第六、在form标签后面紧跟field标签来指定表单区域,后面紧跟legend代表表单的标题。



  1. [/code][code]
复制代码
  1.    
复制代码
  1.     d50&51_form_exercise
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]   
复制代码
  1.         注册界面
复制代码
  1.     账号:
复制代码
  1.    
复制代码
  1.     密码:
复制代码
  1.    
复制代码
  1.     性别:男
复制代码
  1.             女
复制代码
  1.             保密
复制代码
  1.    
复制代码
  1.     爱好:篮球
复制代码
  1.             按摩
复制代码
  1.             跑步
复制代码
  1.             蹦极
复制代码
  1.             撩妹
复制代码
  1.    
复制代码
  1.     简介:
复制代码
  1.    
复制代码
  1.    
复制代码
  1.     生日:
复制代码
  1.    
复制代码
  1.     邮箱:
复制代码
  1.    
复制代码
  1.     移动电话:
复制代码
  1.    
复制代码
  1.    
复制代码
  1.     聽聽聽聽聽聽聽
复制代码
  1.    
复制代码
  1.    
复制代码
  1.    
复制代码
  1.         
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
二、源码
[h1]d50&51_form_exercise[/h1]地址:https://github.com/ruigege66/HTML_learning/blob/master/d50%2651_form_exercise
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:6
帖子:11
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP