手记

【九月打卡】第4天 邮箱输入框、<textarea>标签

课程名称:初识HTML(5)+CSS(3)-升级版课程

课程章节:6-6留个邮箱,方便通知消息 - 邮箱输入框和6-7留下您宝贵的意见 - 使用<textarea>标签创建文本域

主讲老师:五月的夏天

课程内容:

本节的内容是input标签中的邮箱框email类型,以下为邮箱框的样式。

要实现一个邮箱输入框,输入以下代码:

技术点的解释:

1、Input的type属性设置为email,则表示该输入框的类型为邮箱。

2、数字框的值必须包含@。

3、数字框的值@之后必须有内容,否则会报错误提示。

当用户需要在表单中输入大段文字时,需要用到文本输入域。

语法:

<textarea  rows="行数" cols="列数">文本</textarea>

1、<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。

2、cols :多行输入域的列数。

3、rows :多行输入域的行数。

4、在<textarea></textarea>标签之间可以输入默认值

举例

<form  method="post" action="save.php">

        <label>联系我们</label>

        <textarea cols="50" rows="10" >在这里输入内容...</textarea>

</form>

在浏览器中显示结果:

课程收获:

学习到了邮箱输入框,只能输入邮箱,以及文本输入域提供给用户输入大量文字


0人推荐
随时随地看视频
慕课网APP