HTML+JavaScript案例

HTML:

用户注册:

HTML+JavaScript案例_第1张图片



	
		"utf-8" />
		
	
	
		
""> "300" border="0"> "darkgray"> "darkgray"> "darkgray"> "darkgray"> "darkgray"> "darkgray"> "darkgray"> "darkgray">
"2" style="text-align: center;">用 户 注 册
"text-align: right;">用 户 名 "text" value="abc" id="inputId" name="inputName" max="200" min="1"/>
"text-align: right;">密 码 "password"/>
"text-align: right;">性 别 "radio" name="sex" id="male"/> "radio" name="sex"/>女
"text-align: right;">爱 好 "checkbox" name="fav"/>足球 "checkbox" name="fav"/>篮球 "checkbox" name="fav"/>LOL "checkbox" name="fav"/>韩剧
"text-align: right;">省 份
"text-align: right;">自我介绍
"2" style="text-align: center;"> "submit" value="注册"/> "reset" value="重置"/>

电子汇款单

HTML+JavaScript案例_第2张图片



	
		"UTF-8">
		
	
	
		

"font-family: '黑体';">工商银行电子汇款单

"1" cellspacing="0">
"2">回单类型 "4">网上转账汇款 "2">指令序列号 "4">HQH10000000001000100
"4">收款人 "1">户名 "4">老牟 "4">付款人 "1">户名 "4">老六
"1">卡号 "4">00000000001 "1">卡号 "4">00000000002
"1">地点 "4">南京 "1">地点 "4">杭州
"1">网点 "4">工商江苏南京业务处理中心 "1">网点 "4">江苏徐州业务中心
"2">币种 "4">人民币 "2">汇钞标准 "4">钞票
"2">金额 "4">100000元 "2">手续费 "4">100元
"2">合计 "10">人民币(大写):拾万元整
"2">交易时间 "4">2023年2月18日 "2">时间戳 "4">2023年2月18日22:06:20,000000

票据打印时间:2023-02-18 22:06:20
票据打印单位:江苏徐州业务中心
操作员:老曾

李白诗词

HTML+JavaScript案例_第3张图片



	
		"utf-8">
		
	
	
		"0" cellpaddiing="0" cellspacing="0" width="650">
			
"2">"6">将进酒 "5">君不见黄河之水天上来
"14" width="200" align="center">"img/李白诗词.png">
君不见黄河之水天上来,奔流到海不复回。
君不见高堂明镜悲白发,朝如青丝暮成雪.
人生得意须尽欢,莫使金樽空对月。
天生我材必有用,千金散尽还复来。
烹羊宰牛且为乐,会须一饮三百杯。
岑夫子,丹丘生,将进酒,杯莫停.
与君歌一曲,请君为我倾耳听。
钟鼓馔玉不足贵,但愿长醉不复醒。
古来圣贤皆寂寞,惟有饮者留其名。
陈王昔时宴平乐,斗酒十千恣欢谑。
主人何为言少钱,径须沽取对君酌。
五花马、千金裘,
呼儿将出换美酒,与尔同销万古愁。

豆瓣电影

HTML+JavaScript案例_第4张图片



	
		"utf-8">
		
	
	
		

热门电影板块


"0" cellspacing="0" width="1000">
"5">最近热门电影 "center">"5">热门 "center">"5">最新 "center">"5">豆瓣高分 "center">"5">冷门佳片 "center">"5">华语 "center">"5">欧美 "center">"5">韩国 "center">"5">日本 "center">"5">更多>>

"0" cellspacing="0">
"img/猜火车.png"> "img/贝尔科实验.png"> "img/加州公路巡警.png"> "img/歌声不绝.png">
猜火车 8.1 贝尔科实验 6.0 加州公路巡警 6.8 歌声不绝 6.3
"img/猜火车.png"> "img/贝尔科实验.png"> "img/加州公路巡警.png"> "img/歌声不绝.png">
猜火车 8.1 贝尔科实验 6.0 加州公路巡警 6.8 歌声不绝 6.3

JavaScript案例

抽奖案例

HTML+JavaScript案例_第5张图片



	
		
		
		
	
	
		
"container">
"box" id="box"> "show"> 奖品

全选和反选HTML+JavaScript案例_第6张图片



	
		
		Document
		
		
	
	
		"checkbox" οnclick="change(this)" id="all"/>全选
		

    您的爱好是:

  • "checkbox" οnclick="eachLi(this)" class="all_check">看书
  • "checkbox" οnclick="eachLi(this)" class="all_check">看电影
  • "checkbox" οnclick="eachLi(this)" class="all_check">玩QQ
  • "checkbox" οnclick="eachLi(this)" class="all_check">玩微信
  • "checkbox" οnclick="eachLi(this)" class="all_check">敲代码

你可能感兴趣的:(前端基础,javascript,html,css)