表单美化设置

1、input 表单布局:

        input元素是HTML表单中最常用的元素,其作用是获取用户的输入信息。 input提供了多种方式用于获取用户输入的信息,获取方式具体包括。(1)提供输入框,获取用户输入的内容,输入的内容又可以分为文字内容和密码,在HTML5中又增加了邮箱地址、下拉列表、网页路径、搜索框等类型;

2、input 属性type

        的工作方式相当程度上取决于type属性的值,不同的 type 值会在各自的参考页中进行介绍。如果未指定此属性,则采用的默认类型为 text。(常用属性值如下:)

3、美化表单页面也需要一些css样式才可以办到,单靠input标签制作不出精美的表单(如图)

1)、 在css样式中 outline: none; border: none;可以将input标签输入框的黑边框去除掉。

 2)、 resize: none;   可以禁止文本域大小随意拖拽。

 3)、 background:url();可以利用选择器在input中插入精灵图标或图片

            

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值