0
点赞
收藏
分享

微信扫一扫

HTML基础学习——表单(9.3)

全栈顾问 2022-05-04 阅读 94

input表单元素:

submit:

<!-- submit是提交按钮,可以把表单域中表单元素的值提交给后台服务器 默认显示为提交 可以通过value值来更改显示内容 -->
<input type="submit" value="免费注册">

reset:

<!-- reset是重置按钮 可以还原表单元素的初始默认状态 -->
<input type="reset" value="重新填写">

button:

<!-- button是可单击按钮 不会提交数据 一般与JS技术搭配使用 -->
<input type="button" value="发送验证码">

file:

<!-- file是文件域 用于上传文件 -->
上传头像:<input type="file"> <br>

<label>标签:<label>标签为input元素定义标注(标签)。

<label>标签用于绑定一个表单元素,当点击<label>标签内文本时,浏览器会自动将焦点(光标)转到或者选择对应的表单元素上,来增加用户体验。

性别:<label for="man">男</label> 
<input type="radio" name="sex" value="男" id="man">

<select>表单元素:<select>标签用来定义下拉表单。

在页面中,如果有多个选项让用户选择,并且想要节约页面控件是,可以使用<select>标签控件定义下拉列表。

<select>
    <option>选项1</option>
    <option>选项2</option>
    <option>选项3</option>
</select>

<select></select>标签中至少有一对<option></option>标签,数量没有上限。

在<option>标签内定义selected="selected",可使当前选项为默认选项。

<textarea>表单元素:<textarea>标签用来定义多行文本输入的控件(定义文本域)。

当用户输入内容较多的情况下,我们可以使用<textarea>标签。常用于留言、介绍等。

        cols:文本域可输入文本的行数。

        rows:每行可以显示多少个字符。(了解就好,实际操作中通过CSS编辑大小)

<textarea cols="30" rows="10">
    文本内容
</textarea>
举报

相关推荐

0 条评论