Hello im trying to make a form that uploads a video file with images, tags and video name (vn stands for video name). which would upload all of this with a press of a button with post. while this worked in the past currently it isnt working and instead stops without uploading the data through post, however when i present the form with empty inputs it decides to go through with the post but then gets caught with the check if the forms are filled.
below is the code
<form method="post" action="" enctype="multipart/form-data">
<div class="btn">
<label>
Choose Your Video <input type="file" id="file" name="file" hidden="">
</label><br><br><br><br></div>
<div class="btn1">
<label>
Choose Your cover image <input type="file" id="images" name="image" hidden="">
</label></div>
<input type="text" placeholder="tags" onclick="" name="tags" id="tags" class="textbox">
<input type="text" placeholder="video name" name="vn" class="textbox1">
<div class="ca">
<label>
upload <input type="submit" name="submit2345" hidden="">
</div></label>
</form>
php (not all of it just the bits you need, im not showing all of it because it spreads across many lines). The check for the video file is lower and i haven't implemented a cover image yet because of this problem
<?php
if(isset($_POST["submit2345"]))
{
header1("eee");
If(rtrim($_POST['tags'])!="#" && rtrim($_POST['vn']!= "" )){
css if it matters
#vupb{
background-color: white;
box-shadow: 2px 4px 10px rgb(0 0 0 / 40%), 8px 2px 16px rgb(0 0 0 / 40%);
border-radius: 20px;
padding-top: 30vh;
width: 30vw;
margin-left: 30vw;
margin-top: 2vh;
padding-bottom: 10vh;
}
.ca{
width: 20vw;
overflow-x: hidden;
overflow-x: hidden;
border-radius: 5px;
border: 0px solid lightgrey;
background-color: limegreen;
color:white;
font-weight: 1000;
font-size: large;
margin-left: 5vw;
margin-top: 5vh;
padding-top: 2vh;
padding-bottom: 2vh;
}
.ca:hover{
background-color: #2bb32b;
color: lavender;
cursor: pointer;
}
.login input[type=file]{
display:none;
}
.btn{
width: 7vw;
height: 5vh;
padding-top: 1vh;
padding-bottom: 1vh;
border-radius: 5px;
border: 0px solid black;
background-color: #1877f2;
color:white;
font-weight: 1000;
font-size:medium;
margin-left: 18vw;
margin-top: -33.5vh;
}
.btn:hover{
background-color: #186edf;
color: lavender;
cursor: pointer;
}
.vfi {
border: 1px solid black;
width: 12vw;
height: 14vh;
overflow-x: hidden;
overflow-x: hidden;
text-align: center;
background-repeat: no-repeat;
background-size: 100% 100%;
margin-left: 5vw;
margin-top: -20vh;
font-weight: bold;
z-index: 90;
}
.textbox {
width: 20vw;
height: 7vh;
font-size: medium;
border-radius: 5px;
border: 1px solid lightgrey;
margin-top: 15vh;
}
.textbox1 {
width: 20vw;
height: 7vh;
font-size: medium;
border-radius: 5px;
border: 1px solid lightgrey;
margin-top: 2vh;
}
.btn1{
width: 7vw;
height: 5vh;
padding-top: 1vh;
padding-bottom: 1vh;
border-radius: 5px;
border: 0px solid black;
background-color: #1877f2;
color:white;
font-weight: 1000;
font-size:medium;
margin-left: 18vw;
margin-top: 12.5vh;
}
.btn1:hover{
background-color: #186edf;
color: lavender;
cursor: pointer;
}
.vfi1 {
border: 1px solid black;
width: 12vw;
height: 14vh;
overflow-x: hidden;
overflow-x: hidden;
text-align: center;
background-repeat: no-repeat;
background-size: 100% 100%;
margin-left: 5vw;
margin-top: 5vh;
font-weight: bold;
z-index: 91;
}
Your HTML isn't valid. Most likely your POST isn't working because there are several syntax errors. Try again by using valid HTML like this
<form method="post" action="" enctype="multipart/form-data">
<div class="btn">
<label>
Choose Your Video
<input type="file" id="file" name="file" hidden=""/>
</label>
<br/>
<br/>
<br/>
<br/>
</div>
<div class="btn1">
<label>
Choose Your cover image
<input type="file" id="images" name="image" hidden=""/>
</label>
</div>
<input type="text" placeholder="tags" onclick="" name="tags" id="tags" class="textbox"/>
<input type="text" placeholder="video name" name="vn" class="textbox1"/>
<div class="ca">
<label>
upload
<input type="submit" name="submit2345" hidden=""/>
</label>
</div>
</form>
Related
I am trying to make a way that I can decide in what table the name and the hour goes, by selecting it from one or both checkboxes.
For example, if I have a new name and hour, I can choose whether it is going in the table of "standard" or "advanced" or both by selecting it through the checkboxes.
#myform .plus, .minus {
text-decoration: none;
color: #fff;
background-color: #fdd818;
text-align: center;
letter-spacing: .5px;
-webkit-transition: .2s ease-out;
transition: .2s ease-out;
cursor: pointer;
}
.collapsible-header{
color: #ffffff;
}
.row{
margin: 0;
width: 100%;
}
.uren{
display: -webkit-inline-box;
padding-left: 10px;
padding-right: 10px;
}
.btn {
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
font-family: Arial;
color: #ffffff;
font-size: 20px;
background: #ffcc00;
padding: 5px 10px 5px 10px;
text-decoration: none;
}
.btn:hover {
background: #dbaf00;
text-decoration: none;
}
/* Pop up */
.letspop{
background-color: #fff;
width: 120px;
display: block;
margin: 5% auto;
padding: 20px;
position: relative;
text-align: center;
float: right;
margin-right: 20px;
margin-top: 0px;
}
.letspop:hover{
cursor: pointer;
}
.overlay{
display: none; /* Default Hidden */
position: fixed;
left: 0;
top: 0;
z-index: 1;
background-color: rgba(0,0,0,0.6);
height: 100%;
width: 100%;
}
.popup{
display: none; /* Default Hidden */
position: fixed;
left: 50%;
top: 5%;
z-index: 2;
background-color: #fff;
height: 450px;
width: 300px;
overflow: hidden;
padding: 40px;
transform: translate(-50%, 0);
}
#new_module{
width: 195px;
}
h1, h2{
color: steelblue ;
font-family: sans-serif;
text-align: center;
text-transform: uppercase;
line-height: 1;
}
h2{
color: dodgerblue ;
}
small{
color: #444 ;
font-size:0.4em;
display: block;
margin: 0.2rem auto 0;
}
.close{
position: absolute;
top: 8px;
right: 8px;
display: block;
color: #666666;
font-family: sans-serif;
}
.close:hover{
cursor: pointer;
color: #444444;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" rel="stylesheet"/>
<form action="#" method="POST">
<div class="row">
<div class="input-field col s6">
<input id="new_module" type="text" class="validate">
<label class="active" for="new_module">Name</label>
</div>
</div>
<form action="#">
<p class="range-field">
<input type="range" id="test" min="0" max="20" />
</p>
</form>
<p>
<input type="checkbox" class="filled-in" id="standard"/>
<label for="standard">Standard</label>
</p>
<p>
<input type="checkbox" class="filled-in" id="advanced"/>
<label for="advanced">Advanced</label>
</p>
<hr>
<button class="btn waves-effect waves-light" type="submit" name="action">
<i class="material-icons right">send</i>
</button>
<div class="close">X</div>
</form>
You need to set name for html elements to submit to server.
try the following changes:
<form action="checkbox.php" method="post">
<p>
<input type="checkbox" class="filled-in" id="standard" name="chk[]" value="standard"/>
<label for="standard">Standard</label>
</p>
<p>
<input type="checkbox" class="filled-in" id="advanced" name="chk[]" value="advanced"/>
<label for="advanced">Advanced</label>
</p>
<input type="submit" />
</form>
and try the following php code to find selected checkbox
foreach($_POST['chk'] as $key => $chk){
if($chk == 'standard'){
// do some code
}
if($chk == 'advanced'){
// do some code
}
}
quick answer to begin to help you.
Do a "indatabase.php" where there is your SQL actions in. After, do something like :
<form action="/indatabase.php" method="POST">
See this :
https://stackoverflow.com/a/22836074/8695939
If you want a bit more security, use PHP PDO instead.
You can have sqli and PDO exemples here :
https://www.w3schools.com/php/php_mysql_insert.asp
I wanna have 3 clickable icons in textbox
can someone support me with this
I found this code for a single clickable icon
I tried more icons in it but is not working
#form1 div {
position: relative;
width: 400px;
padding: 5px;
border: 1px solid #000;
overflow: hidden
}
#form1 label {
float: left;
text-align: right;
width: 80px;
padding: 0 20px;
}
#form1 input {
width: 200px;
padding: 5px 40px 5px 5px;
float: left;
}
#form1 a {
float: left;
margin: 2px 0 0 -32px;
text-decoration: none;
width: 30px;
height: 25px;
background: transparant;
position: relative;
z-index: 99;
}
<form id="form1" method="post" action="">
<div>
<label for="text">Enter text:</label>
<input type="text" name="text" id="text" />
<a href="http://www.pmob.co.uk"><img src="/user/icos/6.gif" border="none">
</a>
</div>
</form>
How about this???
sample screenshot
<form id="form1" method="post" action="">
<div>
<label for="text">Enter text:</label>
<input type="text" name="text" id="text" />
<a href="http://www.url.com"><img src="/folder/img/name.png" height="20" width="20">
</a>
</div>
<input type="submit" value="submit"/>
</form>
You can expand from here, take a look at the picture.... if thats what you want
I am using a plugin in wordpress to display a newsletter form and I try to style it using css. Above the newsletter signup I got a search form and I try to get the same style.
That's the html output and my css:
#sidebar {
font-size: 1em;
font-family: sans-serif, Arial;
color: #2A2A2A;
}
.screen-reader-text {
display: none;
}
#s {
width: 67%;
height: 22px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.247059);
outline: 0 none;
}
#searchsubmit {
width: 25%;
height: 26px;
margin-left: 3px;
background: #fff;
border: 1px solid #000;
transition: all 0.2s ease 0s;
font-size: 0.8em;
font-family: sans-serif, Arial;
float: right;
padding: 0;
}
#searchsubmit:hover {
background: #63B75D;
color: #fff;
border: 1px solid #63B75D;
}
#s:focus {
border: 1px solid #63B75D;
}
#haet-cleverreach-cleverreach_email {
width: 67%;
height: 22px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.247059);
outline: 0 none;
}
#haet-cleverreach-cleverreach_email:focus {
border: 1px solid #63B75D;
}
#haet-cleverreach-submit {
width: 25%;
height: 26px;
margin-left: 3px;
background: #fff;
border: 1px solid #000;
transition: all 0.2s ease 0s;
font-size: 0.8em;
font-family: sans-serif, Arial;
float: right;
padding: 0;
}
#haet-cleverreach-submit:hover {
background: #63B75D;
color: #fff;
border: 1px solid #63B75D;
}
<h3>Suche</h3>
<form role="search" method="get" id="searchform" class="searchform" action="http://backpackfamily.de/">
<div>
<label class="screen-reader-text" for="s">Suche nach:</label>
<input type="text" value="" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Suchen" />
</div>
</form>
<h3>Newsletter</h3>
<div class="haet-cleverreach">
<form method="post" class="haet-cleverreach-form">
<input type="hidden" name="haet-cleverreach-is-widget" value="1">
<input type="hidden" name="haet-cleverreach-form-id" value="122548">
<input type="hidden" name="haet-cleverreach-list-id" value="891928">
<div class="haet-cleverreach-field-wrap label-inside type-description ">
<p>Melde dich zu unserem Newsletter an!</p>
</div>
<div class="haet-cleverreach-field-wrap label-inside type-email ">
<input type="email" id="haet-cleverreach-cleverreach_email" name="haet-cleverreach-cleverreach_email" value="" placeholder="E-Mail">
</div>
<div class="haet-cleverreach-field-wrap label-inside type-submit ">
<button type="submit" class="button" id="haet-cleverreach-submit">
→</button>
</div>
</form>
</div>
I don't know what to do, tried various things but nothing worked for me!
Thank you!!
add those styles to yours and it will work fine :
.haet-cleverreach-field-wrap.label-inside.type-email {
width: 67%;
float: left;
}
#haet-cleverreach-cleverreach_email{
width:100% !important;
}
You could add the following CSS:
#haet-cleverreach-cleverreach_email {
float: left;
}
visit link1
search for "check" using CTRL + F, than you can see :
I wanted to display like this as link2
we are using following code :
css
font: 12px/1.35 Arial, Helvetica, sans-serif;
padding: 2px 8px !important;
border: 1px solid FFFFFF;
color: FFFFFF;
height: 29px;
line-height: 29px;
border-radius: 0;
}
.catalog-product-view button.button span span {
color: #fff;
float: left;
font-size: 16px;
font-weight: normal !important;
text-align: center;
Phtml
<?php if ($this->isFieldVisible('postcode')): ?>
<li class="item">
<label for="estimate_postcode"<?php if ($this->isFieldRequired('postcode')):?> class="required" <?php endif;?>><?php if ($this->isFieldRequired('postcode')):?><em>*</em><?php endif;?><?php echo Mage::helper('webdevlopers_productpageshipping')->__('') ?></label>
<div class="input-box">
<img src ="http://totaltoys.com/media/font-100.png" height= '35' width= '70'>
<input placeholder="Enter your PIN Code" class="input-text validate-postcode<?php if ($this->isFieldRequired('postcode')):?> required-entry<?php endif;?>" type="text" id="estimate_postcode" name="estimate[postcode]" value="<?php echo $this->htmlEscape($this->getFieldValue('postcode')) ?>" />
</div>
</li>
<?php endif; ?>
Edit your HTML like this:
li.item {
align-items: center;
display: flex;
}
li.item img {
opacity: .3;
height: 20px;
width: 40px;
}
li.item label {
color: #aaa;
font-family: 'ubuntu';
}
li.item .search {
margin-left: 6px;
}
li.item .search input {
border: 1px solid #ddd;
border-radius: 3px;
padding: .5rem;
}
li.item .search button {
background-color: #00bfff;
border: none;
border-radius: 3px;
color: #fefefe;
padding: .5rem .5rem;
}
<li class="item">
<img src="http://totaltoys.com/media/font-100.png" alt="" />
<label for="search">Check availability</label>
<div class="search">
<input type="text" id="search" placeholder="Enter your PIN code"/>
<button>Check</button>
</div>
</li>
Add this classes to your CSS file:
.actions {
float: left;
margin-top: 9%;
}
ul#shipping-estimation-form {
float: left;
}
In the below code i have placed the controller.the actual result is ligin is in center position but it is in the bottom.My expected result is login should come in center of the page.pls help me to do this.
Controller:
<html>
<head>
</head>
<title>login_form</title>
<BODY onLoad="noBack();" onpageshow="if (event.persisted) noBack();" onUnload=""><div class="container">
<div class="row">
<div class="span4 logo">
<img src="<?php echo base_url('img/logosl.png'); ?>" style="margin-bottom:7px; margin-top:7px;"/>
</div>
<center ><div id="login_form" >
<h1>Login!</h1>
<form action="<?php echo base_url(); ?>index.php/login/validate_credentials" method="post" >
<input type="text" name="username" required placeholder="username" style="height: 25px;" value="" />
<input type="text" name="password" required placeholder="password" style="height: 25px;" value="" />
<input type="text" name="college_name" required placeholder="college_name" style="height: 25px;" value="" />
<input type="submit" name="submit" value="Login" class="btn-success btn" />
Create Account
</form>
</div></center><!-- end login_form-->
<?php $this->load->view('includes/header'); ?>
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>css/style1.css" />
<?php $this->load->view('includes/footer'); ?>
</body>
</html>
css
body {
background:#FFFFFF;
margin: 0;
padding: 0;
font-family: arial;
}
#login_form {
width: 300px;
background: #f0f0f0 url(../img/login_bg.jpg) repeat-x 0 0;
border: 1px solid white;
margin: 250px auto 0;
padding: 1em;
-moz-border-radius: 3px;
}
h1,h2,h3,h4,h5 {
margin-top: 0;
font-family: arial black, arial;
text-align: center;
}
input[type=text], input[type=password] {
display: block;
margin: 0 0 1em 0;
width: 280px;
border: 5px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
padding: 1em;
}
input[type=submit], form a {
border: none;
margin-right: 1em;
padding: 6px;
text-decoration: none;
font-size: 12px;
-moz-border-radius: 4px;
background: #348075;
color: white;
box-shadow: 0 1px 0 white;
-moz-box-shadow: 0 1px 0 white;
-webkit-box-shadow: 0 1px 0 white;
}
input[type=submit]:hover, form a:hover {
background: #287368;
cursor: pointer;
}
/* Validation error messages */
.error {
color: #393939;
font-size: 15px;
}
fieldset {
width: 300px;
margin: auto;
margin-bottom: 2em;
display: block;
}
/* FOR FUN */
h1 {
text-shadow: 0 1px 0 white;
}
/* Not necessary. Just the "tutorial created by" stuff at the bottom */
#tutInfo {
background: #e3e3e3;
border-top: 1px solid white;
position: absolute;
bottom: 0;
width: 100%;
padding: .7em .7em .7em 2em;
}
You are missing < / div>
<div class="row">
<div class="span4 logo">
<img src="<?php echo base_url('img/logosl.png'); ?>" style="margin-bottom:7px; margin-top:7px;"/>
</div>
**</div>**