月度归档：2020年09月

Java中如何实现一个String类型同Blob类型之间相互转换呢？


摘要:
下文讲述Java中Blob类型同String类型之间相互转换的方法说明，如下所示；

Blob类型：是一个二进制类型，常用于存储大文本，图像 等等二进制数据，
在网页开发中我们经常遇到这样的需求，需将富文本字符串转换为Blob数据类型，
然后存储到运算服务器上,那么java中如何将富文本转换为Blob数据类型呢？
下文将一一道来，如下所示:

实现思路:
    字符串转Blob
         new SerialBlob("字符串信息".toCharArray());

    Blob转字符串
       new String("blob值".getBytes(1, (int)"blob值".length()),"GBK")

例:
java中字符串和Blob之间相互转换的示例分享

String s="猫猫教程-树大招风"; 
//String 转 blob
Blob b = new SerialBlob(s.getBytes("GBK"));
//或不传入字符集，使用系统默认
Blob b = new SerialBlob(s.getBytes()); 
 
//blob转字符串
String blobString = new String(b.getBytes(1, (int) b.length()),"GBK"); 
 //或
String blobString = new String(b.getBytes(1, (int) b.length()));
 
 //输出blob转换后的字符串信息
System.out.println(blobString);

css中如何使用css脚本将input文本输入框中的placeholder(文本提示信息)里的文字居中显示呢?


摘要:
下文讲述使用css脚本将placeholder中的文字居中显示的方法分享，如下所示；

文本框中placeholder属性值的功能:
placeholder属性值用于文本框的提示信息,
那么我们如何让这个提示信息更加美观呢？
下文将讲述使用css美化placeholder的方法分享，如下所示:

实现思路:
    1.设置placeholder居中和颜色
    input::-ms-input-placeholder{
        text-align: center;
        color:red;
        font-weight:bold;
      }
    
    input::-webkit-input-placeholder{
        text-align: center;
        font-weight:bold;
    }

例：
美化placeholder的示例分享

 <meta charset='utf-8' />
<p>
 maomao365.com<br />
css之美化placeholder的示例分享
</p>
<hr />
<style> 
   input::-ms-input-placeholder{
      color: red;text-align: center;
    }
    input::-webkit-input-placeholder{
      color: red;text-align: center;
    }

</style> 
  <input type="text"  
  placeholder="这是一个提示信息1"
  />
css美化placeholder示例分享

css美化placeholder示例分享

html中如何使用css脚本将美化一个input文本输入框呢?


摘要:
下文讲述使用css脚本修改input文本框的样式方法分享，如下所示；

文本框是网页设计中使用最多的标签之一，可以毫不夸张的说：“每一个交互式网页都包含大量的input文本框”，
那么如何才能设计一个与众不同且超级好看的input文本框呢？
下文将通过实例的方式讲述其实现方式，如下所示:

实现思路:
     1.清除input标签原样式 
        -webkit-appearance:none;
        -moz-appearance: none;
     
     2.设置字体大小 颜色 边框  圆角
        font-size:1.3em;
        height:2.8em;
        border-radius:5px;
        border:1px solid green;
        color:#6666000;
     
     3.去掉input文本框轮廓
        outline:0;

     4.修改 placeholder样式--字体颜色,居中显示
        ::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
          color: #996600;
        }
       ::-moz-placeholder { /* Mozilla Firefox 19+ */
           color: #996600;
        }
        input::-webkit-input-placeholder{
         color: #996600;
        }

例：
美化Input文本框标签的示例分享
实现环境:Chrome

 <meta charset='utf-8' />
<p>
 maomao365.com<br />
css之input文本框样式修改示例
</p>
<hr />
<style>
.divTest
{
  width:120px;
  height:4.8em;
  margin:10px;
}
input{
    
        -webkit-appearance:none;
        -moz-appearance: none; 
  
        font-size:1.3em;
        height:2.8em;
        border-radius:5px;
        border:1px solid green;
        color:#6666000; 
   
        outline:0;        
}

 ::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
         color: #996600;text-align: center;
        }
       ::-moz-placeholder { /* Mozilla Firefox 19+ */
          color: #996600;text-align: center;
        }
        
      input::-ms-input-placeholder{
        color: #996600;text-align: center;
      }
     input::-webkit-input-placeholder{
        color: #996600;text-align: center;
    }

</style>
<form action="" method="get">
    <div class="divTest">
        <input type="text"  placeholder="这是一个提示信息1"/>
    </div>
    <div class="divTest">
        <input type="text"  placeholder="这是一个提示信息2"/>
    </div>
    <div class="divTest">
        <input type="text"   placeholder="这是一个提示信息3"/>
    </div>
  
</form>
css美化input标签示例分享

css美化input标签示例分享