HTML连载7-表单练习

时间 2019-12-05

标签 html 连载表单练习栏目 HTML 繁體版

原文原文链接

昨天由于晚上有事情，未更新，可是今天中午发也不晚，由于是同一天只是时间迟早而已，所以今日傍晚还将更新一次，废话很少说。html

1.表单的综合练习，咱们要建立一个综合的注册页面。运用到咱们前面所学的全部知识。git

咱们整理一下思路：github

首先练习了帐号密码的输入，属性为text为文本框，属性为password的为暗文文本框输入微信

第二，单选框输入属性为radio，默认选择选项checked属性为checked，不一样选项之间互斥为name属性的值必须相等。多选框输入属性为checkbox。ui

第三，输入框为textarea标签，里面rows属性定义最多行，cols属性定义最多列。spa

第四，属性值为date表明日历，属性为email表明为邮箱（必包含@），属性为number，表明本框只能输入数字，属性为submit,表明提交信息到指定系统，属性值为reset表明从新提交信息，其中submit和reset中还能够有value属性来定义这个按钮的名称。button属性来添加按钮。orm

第五，传输信息有两个要点：htm

（1）form标签中action属性值必包含传输信息到系统的名称blog

（2）利用name属性来提示会有哪些值被传入到了咱们的目的地，其中有一点就是单选框和多选款，能够经过在加入value属性来讲明传入的值。只有button属性的不能传入值ip

第6、在form标签后面紧跟field标签来指定表单区域，后面紧跟legend表明表单的标题。

<!DOCTYPE html>

<head>

<title>d50&51_form_exercise</title>

</head>

<body>

帐号：<input type="text" id="d1" name="account">

<br>

密码：<input type="password" id="d2" name="password">

<br>

性别： <input type="radio" name="gender" value="male">男

<input type="radio" name="gender" value="female">女

<input type="radio" name="gender" checked="checked" value="screct">保密

<br>

爱好： <input type="checkbox" checked="checked" name="hobby" value="basketball">篮球

<input type="checkbox" name="hobby" value="message">按摩

<input type="checkbox" name="hobby" value="run">跑步

<input type="checkbox" name="hobby" value="bungee jumping">蹦极

<input type="checkbox" name="hobby" value="hit on a girl">撩妹

<br>

简介：

<br>

生日：<input type="date" name="birthday">

<br>

邮箱： <input type="email" name="mail">

<br>

移动电话： <input type="number" name="phoneNumber">

<br>

<br>

</fieldset>

</form>

</body>

</html>

2、源码

d50&51_form_exercise

地址：https://github.com/ruigege66/HTML_learning/blob/master/d50%2651_form_exercise

欢迎关注微信公众号：傅里叶变换