小编she*_*ean的帖子

javascript 中的日期输入类型验证?

我不太清楚如何验证 javascript 中的日期输入类型。我尝试在互联网上查找,但我找不到任何东西。

我有一个字段要求用户输入其生日。我想在 javascript 中验证它,并对天、月、尤其是年有一定的限制。例如,如果用户输入超过 2016 年(或当前年份),则会出现错误。我不太清楚如何“提取”日期输入类型并控制它的每个元素(日、月、年)。

这是我的 html 的一部分

<form method="POST" action="request.jsp" onsubmit="return validate()">
Date of birth: <input type="date" id="bday" name="bday" value="">
</form>
Run Code Online (Sandbox Code Playgroud)

JavaScript:

var birthday = document.getElementById('bday').value;
Run Code Online (Sandbox Code Playgroud)

这就是我所拥有的一切..请帮忙?

html javascript forms validation

6
推荐指数
1
解决办法
5万
查看次数

仅带有 css 的标题横幅?

我是 css 的初学者,我正在尝试仅使用 css 创建一个英雄横幅并使其具有响应性,如果我缩放页面或缩小页面大小,我对图像顶部的文本定位感到非常困惑文字没有反应。

<header class="main-header">            
        <img src="imgs/header.jpg"/>
        <div class="title">
        <h1>This is a title</h1>
        <p>some texts here</p>
        </div>
</header>
Run Code Online (Sandbox Code Playgroud)

css:

.main-header img {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

.title {
    position: relative;
    top: -450px;
    left: 10%;
    text-align: center;
    display: inline-block;
    color: white;
    margin:  0 auto;
    width: 80%;
    text-transform: uppercase;
}

.title h1 {
    font-size: 2.7rem;
    font-weight: 700;
    margin:  0 auto;
    width: 80%;
    margin-bottom: 1.5%;
}

.title p {
    font-size: .60rem;
    width: 33%;
    margin:  0 auto;
    line-height: …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery banner

4
推荐指数
1
解决办法
2866
查看次数

标签 统计

html ×2

javascript ×2

banner ×1

css ×1

forms ×1

jquery ×1

validation ×1