前端html+css零基础入门教程

Posted 灵感集

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端html+css零基础入门教程相关的知识,希望对你有一定的参考价值。


表单

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。

表单使用表单标签(<form>)定义。

<form>
...
input 元素
...
</form>
输入

多数情况下被用到的表单标签是输入标签(<input>)。输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:

1)文本域(Text Fields)

当用户要在表单中键入字母、数字等内容时,就会用到文本域。

<form>
First name:
<input type="text" name="firstname" />
<br />
Last name:
<input type="text" name="lastname" />
</form>

浏览器显示如下:

First name:  
Last name: 

注:表单本身并不可见。同时,在大多数浏览器中,文本域的缺省宽度是20个字符。

2)单选按钮(Radio Buttons)

当用户从若干给定的的选择中选取其一时,就会用到单选框。

<form>
<input type="radio" name="sex"
value="male" /> Male
<br />
<input type="radio" name="sex"
value="female" /> Female
</form>

浏览器显示如下:

 Male 
 Female

注:只能从中选取其一。

3)复选框(Checkboxes)

当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。

<form>
<input type="checkbox" name="bike" />
I have a bike
<br />
<input type="checkbox" name="car" />
I have a car
</form>

浏览器显示如下:

 I have a bike 
 I have a car
表单的动作属性(Action)和确认按钮

当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

<form name="input" action="" method="get">
Username:
<input type="text" name="user" />
<input type="submit" value="Submit" />
</form>

浏览器显示如下:

Username:  
表单标签
标签 描述
<form> 定义供用户输入的表单
<input> 定义输入域
<textarea> 定义文本域(一个多行的输入控件)
<label> 定义一个控制的标签
<fieldset> 定义域
<legend> 定义域的标题
<select> 定义一个选择列表
<optgroup> 定义选项组
<option> 定义下拉列表中的选项
<button> 定义一个按钮
<isindex> 已废弃,由<input>
相关文章




—END—


以上是关于前端html+css零基础入门教程的主要内容,如果未能解决你的问题,请参考以下文章

前端html+css零基础入门教程

牛客编程题零基础入门前端之73题(html,css,ES5,WebAPI)

黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程

黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程-css3

零基础入门前端系列—盒子模型(十四)

零基础前端开发工程师视频教程全套,基础+进阶+项目实战(共120G)