html表单年月日怎么弄

html-css022

html表单年月日怎么弄,第1张

做年月日输入框的方法新建一个html文件2在文件中添加html代码架构在body标签里面使用inp标签添加输入框,并使用type属性实现年月日输入框4通过浏览器方式查看设计效给果。

本地日期时间inputtypedate属性描述值这是HTML里input元素的通用属性。就是输入框里的数和据。min日期或时间的最小值max日期或时间的最大值step步长。不同的类型有不同的缺省步长。

缺省一周

Date缺省是1天Weekj缺省是1周Month缺省是1月Time缺省是1分钟DateTime缺省是1分钟jLoc缺省是1分钟莱垍头条最近在制作vft封孺人hs的网站时,需要制作一个留言模给块在制作功能时有一个日期控件需要实现对input里的value赋值当天日期。先前在各个网站找了许多相关说明最初采用的方式是 。

哈~用JS!看这个!我这个简单!下面还有时钟~不要可以删除

用js网页会弹出一个阻止框!记得点允许~

<html>

<head>

<script type="text/javascript">

var d=new Date()//为日期命名

document.write("今天是:"+d.getFullYear()+"年")//返回年

document.write(d.getMonth()+"月")//返回月,月是从0-11的~所以显示的是当前月份-1.若非要显示当前月份!把这条删了,换用这条语句:document.write((d.getMonth()+1)+"月")

document.write(d.getDate()+"日")//返回日

var weekday=new Array(7)//建立一个星期的数组

weekday[0]="星期日"

weekday[1]="星期一"

weekday[2]="星期二"

weekday[3]="星期三"

weekday[4]="星期四"

weekday[5]="星期五"

weekday[6]="星期六"

document.write(" " + weekday[d.getDay()])//输出星期

function startTime()//以下为一个时钟!附加的!不要可以删除

{

var today=new Date()

var h=today.getHours()

var m=today.getMinutes()

var s=today.getSeconds()

m=checkTime(m)

s=checkTime(s)

document.getElementById('txt').innerHTML=h+":"+m+":"+s

t=setTimeout('startTime()',500)

}

function checkTime(i)

{

if (i<10)

{i="0" + i}

return i

}

//上面的是时钟

</script>

</head>

<body onload="startTime()">

<div id="txt"></div>

</body>

</html>

<html>

<head>

<link rel="stylesheet" type="text/css" href="Skin.css">

<style>

<!--

table{ text-align: center }

-->

</style>

</head>

<body>

<div align="center">

<script language="javascript">

var my = new Date()

//***************************************************函数开始,这是用来显示日历的***********************

function showc() {

var k=1

var j=1

var today

var tomonth

var theday=1//日期

var max

var temp

var tempday//这个月第一天的星期

document.write ("<b>" + my.getFullYear() + "-" + (my.getMonth()+1) + "</b>")

document.write ("<table border='1' width='273' height='158'>")

document.write ("<tr>")

document.write ("<td height='23' width='39'><font color='red'>Sun</font></td>")

document.write ("<td height='23' width='39'>Mon</td>")

document.write ("<td height='23' width='39'>Tue</td>")

document.write ("<td height='23' width='39'>Wed</td>")

document.write ("<td height='23' width='39'>Thu</td>")

document.write ("<td height='23' width='39'>Fri</td>")

document.write ("<td height='23' width='39'>Sat</td>")

document.write ("</tr>")

temp=my.getDate()

my.setDate(1)

//document.write (my.getDate())

tempday=my.getDay()//返回第一天是星期几

my.setDate(temp)

today=my.getDay()//返回现在星期几

switch ((my.getMonth()+1)) {

case 1:

case 3:

case 5:

case 7:

case 8:

case 10:

case 12:

max=31

break

case 4:

case 6:

case 9:

case 11:

max=30

break

default:

max=29//这里没有考虑闰月!!

//document.write (max)

}

for(k=0k<6k++) {

document.write ("<tr>")

for(j=0j<=6j++) {

document.write ("<td height='23' width='39'>")

if(j>=(tempday)) {

tempday=0//设置为最小,相当于取消判断条件

if(theday<=max) {

document.write ("<a title=" + my.getFullYear() + "-" + (my.getMonth()+1) + "-" +theday + " target='_blank' href=detail.asp?date=" + theday + ">")

if(theday==my.getDate())

document.write ("<font color='green'>[" + theday + "]</font></a>")

else if(j==0)

document.write ("<font color='red'>" + theday + "</font></a>")

else

document.write (theday + "</a>")

theday++

}

}

document.write ("</td>")

}

document.write ("</tr>")

}

document.write ("</table>")

}

//************************************************函数结束

showc()

</script>

</div>

<body>

</html>

这是显示日历代码