Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
typo3
qfq
Commits
1d982533
Commit
1d982533
authored
May 21, 2017
by
Carsten Rose
Browse files
Mockup fuer Button Info/Unlock/PasswordShow
parent
076b88fa
Changes
1
Hide whitespace changes
Inline
Side-by-side
mockup/buttonInfoLockPassword.html
0 → 100644
View file @
1d982533
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<meta
charset=
"utf-8"
>
<meta
http-equiv=
"X-UA-Compatible"
content=
"IE=edge"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1"
>
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>
Form Test
</title>
<!-- Bootstrap -->
<link
href=
"../bootstrap/bootstrap-3.3.5-dist/css/bootstrap.min.css"
rel=
"stylesheet"
>
<link
href=
"css/colorMyWorld.css"
rel=
"stylesheet"
>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div
class=
"container"
>
<h1>
Hello world!
</h1>
<p>
Mockup stuff
</p>
<div
class=
"form-group clearfix"
>
<div
class=
"col-md-3"
>
<label>
Name
</label>
</div>
<div
class=
"col-md-6"
>
<div
class=
"input-group"
>
<input
type=
name="name"
class=
"form-control"
type=
"text"
placeholder=
"Name"
readonly
>
<div
class=
"input-group-btn"
>
<button
class=
"btn btn-success"
>
<span
class=
"glyphicon glyphicon-lock"
aria-hidden=
"true"
></span>
</button>
</div>
</div>
</div>
<div
class=
"col-md-3"
>
<p>
Note
</p>
</div>
</div>
<div
class=
"form-group clearfix"
>
<div
class=
"col-md-3"
>
<label>
Password
</label>
</div>
<div
class=
"col-md-6"
>
<div
class=
"input-group"
>
<input
type=
"password"
name=
"password"
class=
"form-control"
type=
"text"
placeholder=
"Password"
>
<div
class=
"input-group-btn"
>
<button
class=
"btn btn-info"
>
<span
class=
"glyphicon glyphicon-eye-close"
aria-hidden=
"true"
></span>
</button>
</div>
</div>
</div>
<div
class=
"col-md-3"
>
<p>
Note
</p>
</div>
</div>
<div
class=
"form-group clearfix"
>
<div
class=
"col-md-3"
>
<label>
Statement
</label>
</div>
<div
class=
"col-md-6"
>
<textarea
class=
"form-control"
rows=
"20"
placeholder=
"Please give a brief statement of purpose, such as the topics of your main mathematical interest, your past work in mathematics, of your academic plans in graduate school and your subsequent career objectives."
></textarea>
<span
class=
"glyphicon glyphicon-info-sign text-info icon-inside"
aria-hidden=
"true"
onclick=
"$('#qfq-info-201').slideToggle('swing')"
></span>
<div
class=
"alert alert-info"
id=
"qfq-info-201"
style=
"display: none;"
>
<p>
Please give a brief statement of purpose, such as the topics of your main mathematical interest, your
past work in mathematics, of your academic plans in graduate school and your subsequent career
objectives.
</p>
</div>
</div>
<div
class=
"col-md-3"
>
<p>
Note
</p>
</div>
</div>
<div
class=
"form-group clearfix"
>
<div
class=
"col-md-3"
>
<label>
Name
</label>
</div>
<div
class=
"col-md-6"
>
<div
class=
"input-group"
>
<input
type=
name="name"
class=
"form-control"
type=
"text"
placeholder=
"Name"
>
<div
class=
"input-group-btn"
>
<button
class=
"btn btn-info"
onclick=
"$('#qfq-info-202').slideToggle('swing')"
>
<span
class=
"glyphicon glyphicon-info-sign"
aria-hidden=
"true"
></span>
</button>
</div>
</div>
<div
class=
"alert alert-info margin-top"
id=
"qfq-info-202"
style=
"display: none;"
>
<p>
Please give a brief statement of purpose, such as the topics of your main mathematical interest, your
past work in mathematics, of your academic plans in graduate school and your subsequent career
objectives.
</p>
</div>
</div>
<div
class=
"col-md-3"
>
<p>
Note
</p>
</div>
</div>
<div
class=
"form-group clearfix"
>
<div
class=
"col-md-3"
>
<label>
Other
</label>
</div>
<div
class=
"col-md-6"
>
<input
type=
"text"
name=
"password"
class=
"form-control"
type=
"text"
placeholder=
"Other"
>
</div>
<div
class=
"col-md-3"
>
<p>
Note
</p>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script
src=
"https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"
></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script
src=
"../bootstrap/bootstrap-3.3.5-dist/js/bootstrap.min.js"
></script>
<script
src=
"js/dev.js"
></script>
</body>
</html>
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment