html5星星,css星星

html中,怎么把密码域中的点儿换成星星

这个由浏览器默认设定，不同的浏览器不一样，有的浏览器是黑色圆点，有的浏览器是星号，不可以修改。除非你自己用代码实现这样的功能，没有说哪个属性或样式一设置就可以这么简单。

自己实现可以用js的replace或者用html5的placeholder之类的东西来实现。思路是将用户输入的东西复制到另外一个隐藏元素中。同时修改可见的输入框的内容。

相关问答

Q1: 如何用html5写特殊符号五角星

首先贴出HTML5页面的代码：

!DOCTYPE html

html

head

meta charset="UTF-8" /

titleCanvas案例/title

/head

script type="text/javascript" src="script.js"/script

body onload="draw('canvas')"

h1Canvas案例/h1

canvas id='canvas' width="400" height="300" /

/body

/html

在这个页面中我们写了一个canvas元素。该元素的ID为canvas。然后链接了script.js这个文件。

//script.js

function draw(id)

{

var canvas = document.getElementById(id);

if(canvas==null){

return false;

}

var context = canvas.getContext('2d');

context.fillStyle="#eeeeff";

context.fillRect(0,0,400,300);

context.fillStyle='rgba(255,0,0,0.25)';

context.translate(200,50);

createFiveStar(context);

context.fill();

}

function createFiveStar(context){

var dx = 0;

var dy = 100;

var s = 50;

context.beginPath();

var x = Math.sin(0);

var y = Math.cos(0);

var dig = Math.PI/5*4;

for(var i=0;i5;i++){

var x = Math.sin(i*dig);

var y = Math.cos(i*dig);

context.lineTo(dx+x*s,dy+y*s);

}

context.closePath();

}

我们提供了两个方法一个是draw方法。当页面加载完成的时候就会执行draw方法中的内容。

而draw方法中呢又会执行createFiveStart函数。

下面我来分析下createFiveStart函数的内容：

function createFiveStar(context){

var dx = 0;//画出来的五角星x偏移位置

var dy = 100;//画出来的五角星y偏移位置

var s = 50;//画出来的五角星的大小

context.beginPath();//开始路径绘制

var x = Math.sin(0);//默认的x坐标

var y = Math.cos(0);//默认的y坐标

var dig = Math.PI/5*4;//弧度值

for(var i=0;i5;i++){

var x = Math.sin(i*dig);

var y = Math.cos(i*dig);

context.lineTo(dx+x*s,dy+y*s);//划线

}

context.closePath();//结束路径

}

好了到了这里我们就完成了HTML5中，五角星的绘制。

Q2: html5的星星怎么变圆润点

border-radius 这个属性可以设置边角圆润，W3c里面一查就明白了