点击蓝字
关注我们
#618#
我们来学习input标签中的网址框url类型,先来看一下网址框长什么样子吧。
![53c506830679af6111095dc30b142db7.png](https://i-blog.csdnimg.cn/blog_migrate/55362c3d0cdbd694864a67f79dc2a8e1.png)
技术点的解释:
1、input的type属性设置为url,则表示该输入框的类型为网址。
2、数字框的值需以http://或者https://开头,且后面必须有内容,否则表单提交的时候会报错误提示。
![5b16a670fcf6499ffada3afa8759bfa9.png](https://i-blog.csdnimg.cn/blog_migrate/307b624c9e86c99fff0c759cbea54dfd.png)
我们来学习input标签中的邮箱框email类型,先来看一下邮箱框长什么样子吧。
![c379760fe44d24ee5f7713172bb44aaf.png](https://i-blog.csdnimg.cn/blog_migrate/bdd917f9a2162fc37a6bf711e368d600.png)
![c980040127a187e0f30b827128a9f907.png](https://i-blog.csdnimg.cn/blog_migrate/d4de10d1ece8ebf58b3308e8bac36af4.png)
技术点的解释:
1、Input的type属性设置为email,则表示该输入框的类型为邮箱。
2、数字框的值必须包含@。
3、数字框的值@之后必须有内容,否则会报错误提示。
是不是很简单呢?
![8f57275cb390e22fc5f187b0a8b7a6bd.png](https://i-blog.csdnimg.cn/blog_migrate/372d959503198208e101731546c2a3e7.png)
当用户需要在表单中输入大段文字时,需要用到文本输入域。
语法:
文本
1、标签是成对出现的,以开始,以结束。
2、cols :多行输入域的列数。
3、rows :多行输入域的行数。
4、在标签之间可以输入默认值。
举例:
联系我们 在这里输入内容...注意:代码中的标签在本章5-9中讲解。
![5572f7f653f2a1035ac4fe4ba6d08b37.png](https://i-blog.csdnimg.cn/blog_migrate/eb79c08ae9059ac57425641d6c290220.png)
![4df6fba4f65fbe55c0f17d2a7e860e00.png](https://i-blog.csdnimg.cn/blog_migrate/863b5fe738cc22007d055c73ff11c540.jpeg)
微信号 : 前端资源社
新浪微博:前端资源社