Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ Po stronie przeglądarki _ Problem z input i css

Napisany przez: todziu 2.02.2021, 13:14:23

Witam - mam problem z css w INPUT - piszę bazę danych (PHP i MySQL) żeby zaoszczędzić trochę czasu :-) pobrałem darmowy szablon HTML + CSS - problem mam z wyświetlaniem wartości pobranej z bazy w INPUT

Poniżej przykład:


Na biało wartości pobrane z bazy MySQL jeżeli usunę dane pod spodem na szaro są poprzednio wpisane dane do bazy ohno-smiley.gif

część kody html

  1. <http://december.com/html/4/element/div.html class=\"wrapper\">
  2. <http://december.com/html/4/element/form.html name=\"form1\" method=\"post\" action=\"dodaj_zapis.php\">
  3.  
  4. <http://december.com/html/4/element/table.html BORDER=\"1\" frame=\"void\" rules=\"none\">
  5.  
  6. <http://december.com/html/4/element/tr.html><http://december.com/html/4/element/td.html style=\"vertical-align: top;\" frame=\"box\"><http://december.com/html/4/element/label.html for=\"sklep\"><http://december.com/html/4/element/font.html color=\"#CCCCCC\">SKLEP</http://december.com/html/4/element/font.html><http://december.com/html/4/element/hr.html></http://december.com/html/4/element/label.html><http://december.com/html/4/element/br.html /><http://december.com/html/4/element/br.html /><http://december.com/html/4/element/br.html />
  7. <http://december.com/html/4/element/label.html for=\"got\">Gotówka :</http://december.com/html/4/element/label.html><http://december.com/html/4/element/input.html size=\"10\" name=\"gotowka\" id=\"got\" type=\"text\" value=$gotowka ><http://december.com/html/4/element/br.html />



tutaj css
@import url('https://fonts.googleapis.com/css?family=Roboto');

*{
margin: 0;
padding: 0;
box-sizing: border-box;
outline: none;
font-family: 'Roboto', sans-serif;
}

body{
background: url('../images/bg.jpg') no-repeat top center;
background-size: cover;
height: 100vh;
}

.wrapper{
position: absolute;
top: 47%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 850px;
background: rgba(0,0,0,0.6);
padding: 30px;
border-radius: 5px;

}




.wrapper .title h1{
color: #c5ecfd;
text-align: center;
margin-bottom: 25px;
}

.contact-form{
display: flex;
}

.input-fields{
display: flex;
flex-direction: column;
margin-right: 4%;
}

.input-fields,
.msg{
width: 48%;
}

.input-fields .input,
.msg textarea{
margin: 10px 0;
background: transparent;
border: 0px;
border-bottom: 2px solid #c5ecfd;
padding: 10px;
color: #c5ecfd;
width: 100%;
}

.msg textarea{
height: 212px;
}

::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #c5ecfd;
}
::-moz-placeholder {
/* Firefox 19+ */
color: #c5ecfd;
}
:-ms-input-placeholder {
/* IE 10+ */
color: #c5ecfd;
}

.btn {
background: #39b7dd;
text-align: center;
padding: 15px;
border-radius: 5px;
color: #fff;
cursor: pointer;
text-transform: uppercase;
}

@media screen and (max-width: 600px){
.contact-form{
flex-direction: column;
}
.msg textarea{
height: 80px;
}
.input-fields,
.msg{
width: 100%;
}
}

label {
width:160px;
float:left;
font-size:12px;
line-height:24px;
font-weight:bold;
color:#FFFFFF;
}
input {
width: auto;
margin-bottom:5px;
line-height:18px;
padding:2px 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #CCC;
background: transparent;
color:#FFFFFF;
font-weight:bold;
font-size: 18px;
}


dzieki za pomoc

Napisany przez: nospor 2.02.2021, 13:24:06

Czy mozesz opisac problem jeszcze raz? Tym razem uzywajac przecinkow, kropek itp? Oraz moze nie uzywac uproszczenia? Bo nie wiem jak inni, ale ja ni w zab nic nie kumam z tego co napisales

Napisany przez: LowiczakPL 12.02.2021, 18:13:07

może problem jest z cudzysłowami w inputach

masz:

  1. value=$gotowka


a powinno być

  1. value=\"$gotowka\"


musisz zwracać uwagę aby wartości były w cudzysłowach

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)