Problem z input i css Opcje

[todziu]

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:
(IMG:http://109.95.203.242/aaa.jpg)

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

część kody html

[HTML] pobierz, plaintext 
<div class=\"wrapper\">
	<form  name=\"form1\" method=\"post\" action=\"dodaj_zapis.php\">
 
	<TABLE BORDER=\"1\"  frame=\"void\" rules=\"none\">
 
		<TR><TD style=\"vertical-align: top;\" frame=\"box\"><label for=\"sklep\"><font color=\"#CCCCCC\">SKLEP</font><HR></label><br /><br /><br />
		<label for=\"got\">Gotówka :</label><input size=\"10\" name=\"gotowka\" id=\"got\" type=\"text\"  value=$gotowka ><br />
[HTML] pobierz, plaintext 

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

[nospor]

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