Java教程

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

本文主要是介绍【九月打卡】第4天 邮箱输入框、textarea标签,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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

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

主讲老师:五月的夏天

课程内容:

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

https://img2.sycdn.imooc.com/631983790001a9fa12510179.jpg

https://img3.sycdn.imooc.com/631983710001af7811560222.jpg

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

https://img2.sycdn.imooc.com/6319836000012a5821000807.jpg

技术点的解释:

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>

在浏览器中显示结果:

https://img2.sycdn.imooc.com/631983580001876909000573.jpg

课程收获:

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


这篇关于【九月打卡】第4天 邮箱输入框、textarea标签的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!