1.如何用css美化表单
2.如何让CSS表单居中?表表单page源码分析 谢谢回答~
3.如何设置CSS使表单元素不可用
4.如何实现用css让表单文本 value内的文字在点击后消失？

如何用css美化表单

       è§£å†³æ–¹æ³•ï¼šç”¨æ™®é€šæ ‡ç­¾æ¨¡æ‹Ÿï¼ŒèƒŒæ™¯å›¾è®¾ç½®åœ¨æ™®é€šæ ‡ç­¾é‡Œé¢ï¼Œè¡¨å•åŠŸèƒ½è¿˜æ˜¯ç”¨input来实现，交互功能得用JavaScript来实现。换句话说，CSS控制普通标签的样式来美化表单，JavaScript实现表单交互功能。

案例分析：

移动端兼容 - 调用相册的按钮样式处理

       å…·ä½“情形：<input type="file" accept="image/*;capture=camera">或者<input type="file" capture="photo">设背景图无效。在我们的移动端网页当中，会有上传照片的操作需求。此时会使用到文件类型的input文本框，但是不同的系统不同的浏览器在样式上均不相同，而且，设置背景图也没有效果。

       è§£å†³æ–¹æ³•ï¼šé€šè¿‡è®¾ç½®opacity为0来进行模拟，背景图设置在其他标签里面。换句话说样式用普通标签模拟，功能用input来实现。

       æµ‹è¯•æ•ˆæžœå›¾ï¼š

       ã€ŠCSS美化表单大集锦》

如何让CSS表单居中? 谢谢回答~

       1、首先，打开html编辑器，新建html文件，例如：index.html。

       2、其次，在index.html中的<style>标签中，输入css代码：body { text-align: center;}。

       3、最后，浏览器运行index.html页面，此时会发现成功通过css让表单在页面中居中了。

如何设置CSS使表单元素不可用

       è®¾ç½®CSS中属性使表单元素方法有：

       1、使用readonly="readonly"属性，让输入框变为只读。

       ä»£ç ç¤ºä¾‹ä¸€ï¼š

<input type="text" readonly="readonly" value="代码示例一">

       2、使用disabled="disabled"属性，输入框变为灰色背景只读，但无法再提交被禁用的元素值。

       ä»£ç ç¤ºä¾‹äºŒï¼š

<input type="text" disabled="disabled" value="代码示例二">

       3、使用onfocus="this.blur()"属性，和使用readonly效果一样，但是禁止选中。

       ä»£ç ç¤ºä¾‹ä¸‰ï¼š

<input type="text" onfocus="this.blur()" value="代码示例三">

       ä¸‰ä¸ªç¤ºä¾‹çš„效果图：

如何实现用css让表单文本 value内的文字在点击后消失？

       <INPUT onblur="if(this.value=='')this.value='原来的内容'" class=input_ onfocus="if(this.value==' 原来的内容')this.value=''" value="原来的内容" type=text />