HTML5-从0开始学习之常用表单控件元素（四）

怼烎@ 2022-05-14 16:45 117阅读 0赞

## 文本域<textarea> ##

### 文本域允许输入多行文本，非常适合于留言等信息收集 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0OTg3MTM3_size_27_color_FFFFFF_t_70][]

### 属性： ###

### cols：每行最多多少个字符； ###

### rows：可以显示多少行； ###

### resize：是否允许更改尺寸； ###

### both：默认值，允许； ###

### none：不允许调整尺寸； ###

### horizontal：仅允许水平调整宽度； ###

### vertical：仅允许垂直调整高度。 ###

## 表单元素分组标签<fieldset> ##

<form action="" method="" name="">
            <fieldset>
                <legend>基本信息：</legend>
                <div>
                    <label for="name">username:</label>
                    <input type="text" name="" id="name">
                </div>
                <div>
                    <label for="pwd">password:</label>
                    <input type="password" id="pwd">
                </div>
                <div>
                    <label for="email">email:</label>
                    <input type="email" name="" id="email">
                </div>
            </fieldset>
        </form>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0OTg3MTM3_size_27_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0OTg3MTM3_size_27_color_FFFFFF_t_70]: /images/20220503/c6ea065e5ab5420fa4c48780b62a1287.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0OTg3MTM3_size_27_color_FFFFFF_t_70 1]: /images/20220503/106c0b7c4f344fe0b2ea177833c56926.png