<?php $show_title
="$MSG_LOGIN - $OJ_NAME"; ?>
<?php include("template/$OJ_TEMPLATE/header.php");?>
<div class
="ui error message" id
="error" hidden></div>
<div class
="ui middle aligned center aligned grid"
style="height: 500px;" >
<div class
="row">
<div class
="column"
style="max-width: 450px">
<h2 class
="ui image header">
<div class
="content"
style="margin-bottom: 10px; ">
<?php echo $MSG_LOGIN ?>
</div>
</h2>
<form class
="ui large form" id
="login" action
="login.php" method
="post" role
="form" class
="form-horizontal" onSubmit
="return jsMd5();"
>
<div class
="ui existing segment">
<div class
="field">
<div class
="ui left icon input">
<i class
="user icon"></i>
<input name
="user_id" placeholder
="<?php echo $MSG_USER_ID ?>"
type="
text" id
="username">
</div>
</div>
<div class
="field">
<div class
="ui left icon input">
<i class
="lock icon"></i>
<input name
="password" placeholder
="<?php echo $MSG_PASSWORD ?>"
type="password" id
="password">
</div>
</div>
<?php if($OJ_VCODE){?>
<div class
="field">
<div class
="ui left icon input">
<i class
="lock icon"></i>
<input name
="vcode" placeholder
="<?php echo $MSG_VCODE ?>"
type="
text" autocomplete
=off >
<img id
="vcode-img" onclick
="this.src
=&#
39;vcode.php?&#
39;+Math.random()" height
="
30px">
</div>
</div>
<?php }?>
<button name
="submit"
type="submit" class
="ui fluid large submit button" ><?php echo $MSG_LOGIN ?></button>
1,1 Top </div>
<?php }?>
<button name
="submit"
type="submit" class
="ui fluid large submit button" ><?php echo $MSG_LOGIN ?></button>
</div>
<div class
="ui error message"></div>
</form>
<div class
="ui message">
<?php if ($OJ_REGISTER){ ?>
<a href
="registerpage.php"><?php echo $MSG_REGISTER ?></a>
<?php } ?>
</div>
</div>
</div>
</div>
<script src
="<?php echo $OJ_CDN_URL?>include/md5-min.js"></script>
<script>
function jsMd5(){
if($("input[name
=password]").val()
=="") return false;
$("input[name
=password]").val(hex_md5($("input[name
=password]").val()));
return true;
}
</script>
<?php if ($OJ_VCODE) { ?>
<script>
$(document).ready(function () {
$("#vcode-img").attr("src", "vcode.php?" + Math.random());
})
</script>
<?php } ?>
<?php include("template/$OJ_TEMPLATE/footer.php");?>
本文介绍了在HTML中应用CSS样式的三种常见方法：内部引用，通过style标签在HTML头部定义样式；外部引用，利用link标签链接外部CSS文件；以及内联引用，直接在HTML元素中定义CSS样式。每种方法的特点和适用场景都有所不同，内部引用方便管理，外部引用保持页面结构清晰，内联引用则适用于特定样式需求。
扫一扫
795
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
