CSS之form&span

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这是第二个页面</title>
</head>
<body>
<span>测试行内标签1&nbsp3;</span><span>测试行内标签2&nbsp3;</span><span>测试行内标签3&nbsp3;</span>
<!--&nbsp3表示空格的意思-->
<p style="background-color:red">行内标签不具备任何属性,类似于一个白板</p>
    <form>
        <!--action="http://www.baidu.com",method="GET",method="POST"
        get表示将撰写的内容插在url中提交,post表示

 

-->
<input type="text" name="user">     <span>这是一个文本框</span>
        <br>
<input type="text" name="e-mail">   <span>这是一个电子邮箱框</span>
        <br>
<input type="password" name="password"> <span>这是一个密码框</span>
        <br>
<input type="submit" value="登录1" >   <span>这是一个提交按钮</span>
        <!--关于submit 如果不指定value的话默认为提交-->
        <br>
<input type="button" value="登录2">   <span>这是一个点击按钮</span>
        <br>
    </form>
</body>
</html>

 

转载于:https://www.cnblogs.com/nodchen/p/8433901.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好看的form表单CSS样式可以通过以下几个方面来实现: 1. 字体样式的应用:可以通过CSS的字体样式属性来改变表单元素的字体样式,包括字体族科、字体风格、字体变形、字体加粗、字体大小等。可以根据需要给不同的表单元素设置不同的字体样式,比如按钮、文本框、下拉选择框等。 2. 设置宽高:可以使用CSS的宽度和高度属性来调整表单元素的大小。通过设置适当的宽度和高度,可以使表单元素看起来更加整齐美观。可以给整个表单容器设置宽度和高度,同时也可以给各个表单元素设置宽度和高度。 3. 边框样式:可以使用CSS的边框样式属性来给表单元素添加边框效果,通过调整边框的颜色、粗细和样式,可以改变表单元素的外观。可以给文本框、按钮等表单元素添加边框样式,使其更加突出。 4. 背景样式:可以使用CSS的背景样式属性来给表单元素添加背景效果,包括背景颜色和背景图片。通过设置适当的背景颜色或者背景图片,可以增加表单元素的视觉效果。可以给按钮、文本框等表单元素设置背景颜色或者背景图片,使其更加吸引人。 需要注意的是,以上只是一些常见的CSS样式应用,实际上可以根据具体需求和创意来设计出更加独特和个性化的表单样式。可以通过调整各种CSS属性来实现不同的效果,以达到满足用户需求和提升用户体验的目的。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [表单花样样式](https://blog.csdn.net/weixin_30652879/article/details/97455140)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Form 表单详解:案例、CSS 美化](https://blog.csdn.net/hongshuteng/article/details/127401803)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值