任务五——task01

Form表单有什么作用?有哪些常用的input 标签,分别有什么作用?

1. Form表单的作用:

Form表单是页面与WEB服务器交互过程中最重要的信息来源。

2. 常见的input标签

2.1. input text(文本输入框)

<form>
<div class="firstname">
名字:
<input type="text" name="firstname">
</div>
<div class = "lastname">
姓氏:
<input type="text" name="lastname">
</div>
</form>

2.2 input password(密码输入框)

<form>
<div>
请输入密码:
<input type="password" name="password">
</div>
</form>

2.3 input checkbox(复选框)

<form>
<div>
选择您喜欢的颜色:
<br/>
紫色
<input type="checkbox" name="purple">
<br/>
粉色
<input type="checkbox" name="pink">
<br/>
蓝色
<input type="checkbox" name="blue">
<br/>
黑色
<input type="checkbox" name="black">
</div>
</form>

2.4 input radio (单选按钮)

<form>
您的性别是:
<br/>
男
<input type="radio" name="Sex" value="male" checked="checked">
<br/>
女
<input type="radio" name="Sex" value="female">
</form>
<p>注意:单选按钮的两个<input>必须都是同样的name。</p>

2.5 input button (按钮)

<form>
<input type="button" value="点击按钮">
</form>

2.6 input submit (提交)

<form>
<input type="submit" value="提交问卷">
</form>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容